如何文字環繞形象是後面的文本

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