如何停止文字在图片下方向左移动？

Question

好，所以我在右边有一张图片和一些文字。

当有足够的文本时，文本将开始在图像下方移动并从该位置继续，例如：

[ IMAGE ] text text text text 
[ HERE! ] text text text text 
text text text text text text 
text text text text text text 

相反，我希望它看起来像这样：

[ IMAGE ] text text text text 
[ HERE! ] text text text text 
          text text text text 
          text text text text 
          text text text text 

我将如何去做呢？我敢肯定有一个简单的解决方法，可能与图像的显示属性，对齐属性有关。

谢谢！

Answer 1

获得此效果的一种简单方法，例如：

<div>
    <img src="http://www.placehold.it/100x100">
        <p>Lorem ipsum dolor sit amet...</p>
</div>

和CSS：

div img {
    float: left;
    margin-right: 10px;
}
div p {
    overflow: auto;
}

小提琴演示：http : //jsfiddle.net/audetwebdesign/8Rarq/