css - テキストの後ろにある画像の周りにテキストを折り返す方法

Question

これは状況です、私はそれを明確にしておきます：

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

画像を上に表示し、テキストを画像の周りに折り返すにはどうすればよいですか?

ありがとう。

Answer 1

テキスト要素を段落タグでラップすることをお勧めしますが、ブロックレベルとインラインレベルの両方の要素が浮動要素をラップします。

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