实现文字围绕着图片显示

使用float布局可以实现文字围绕着图片显示
如果是图片在左边，文字在右边围绕着图片显示，按照正常的布局写html

<div class="main">
    <div class="pull-left">
        <img src="...." />
    </div>
    <div class="text">
        文字
    </div>
</div>

如果是图片在右边，文字在左边，文字要足够长才能围绕着右边的图片显示，不过不能按照正常布局那么写html。需要把浮动的右边的图片先显示在页面上，左边的文字再围绕着图片显示。

<div class="main">
    <div class="pull-right">
        <img src="...." />
    </div>
    <div class="text">
        文字
    </div>
</div>