css - 有人可以帮我对齐图片旁边的文字吗？

Question

我正在努力让文字位​​于图像旁边，但它并没有发生，请有人解释一下我在这里做错了什么？非常感谢!

    
    
    .alignright {
    	float: right;
    }
    
    .source {
        overflow: hidden;
        width: auto;
        height: 100%;
    }
    
    .source img {
        width: 100%;
    }
    
    
    .margin25 {
        margin:25px;
    }

    <!--LEFT CONTAINER DIV-->
     <div style="float:left;width:40%;margin-left:2%;">
       <div class="source" style="width:20%;">
       <img src="http://placehold.it/150x150">
       </div>
        <h1 class="alignright">Recommendations?</h1>
        <br />
       <h2 class="margin25">main text</h2>
     </div>
    <!--LEFT CONTAINER DIV--> 

Answer 1

尝试在所有 3 个标签(img、h1、h2)中使用标签而不是带有 display:initial 的 div，并在 h1 和 h2 span 标签中将 float 属性设置为 right 或 left。