如何在文本后面的图像周围包装文本

Question

情况就是这样，我会试着说清楚：

<div id="text">
  text...text...
</div>
<div id="image">
  <a href=""><img></a>
</div>

如何在顶部显示图像并在图像周围包裹文字？

感谢。

Answer 1

<div id="image">
    <a href="#"><img style="float:left" /></a>
    text...text...
</div>

Answer 2

最好将文本元素包装在段落标记中，尽管块级和内联级元素都会包含浮动元素：

http://jsfiddle.net/Wexcode/UsvQd/

<div id="text">
    <div id="image"><a href="#"><img src="#" alt="" /></a></div>
    <p>text...text...</p>
</div>

CSS：

#image { float: left; }