html - 无法对齐图片和文字

Question

我一直在尝试完成一项荒谬的基本任务，但无法完成。

我想要一个简单的评论结构如下

*image*  *name*
         *comment*

我无法将文字放在图片的右侧。
这是我当前的 fiddle :http://jsfiddle.net/dvir0776/xaLosyjs/

<div class="comment"><img src="d.jpg" style="width:13%; margin-right: 12px;">
    <div style="text-align:left; font-size:8pt;">
        <h5 style="margin-bottom:0;">Chris Fanelli</h5>
        I would love to win the iphone 6 in black or gold or the mac or the cannon they all are great I love apple products!
    </div>
</div>

任何修复它的调整都会很棒。

Answer 1

只需将 float:left 添加到您的图像中即可。我猜这就是您要找的东西。

<div class="comment">
    <img src="d.jpg" style="float:left;width:13%; margin-right: 12px;">
             <div style="text-align:left; font-size:8pt;">
             <h5 style="margin-bottom:0;">Chris Fanelli</h5>
             comment comment comment comment comment comment comment comment comment comment!</div>
             </div>