css - 如何将文本环绕在文本后面的图像周围

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; }