html 文字环绕图片问题

在很多网站的新闻列表中可多的格局都是文字中夹杂着图片，也就是文字环绕图片。
我新建了一个页面试了下，试了好多属性都实现不了。

最后终于试出来了，如下图：

下面贴代码，其实关键的就是一个属性
<div  style="font-size:16px; width:500px;">
         他的眼长得不大不小像土豆
看著你不笑没有表情真难受
 

大家应该看明白了，其实就是float:left或float:right实现文字环绕图片，大家可以测试下。