CSS流正當周圍的圖像

Question

特林繞流的圖像文本的文本：

HTML

<div> 
    <span id="photo"><img src="photo.png"</span> 
    <span id="text">Lorem Ipsum, blah, blah, blah ...</span> 
</div> 

CSS

#photo {float:left;margin:0px 8px 5px 0px;} 
#text {text-align:justify;}** 

文本在圖像周圍流動，但這是沒有道理的（對齊是左邊的）。如果我將文本元素向左浮動，那麼對齊是正確的（正如我所希望的那樣），但是文本不會圍繞圖像流動，而是流向圖像下方 - 我該如何解決這個問題？

Answer 1

text-align屬性實際上屬於封閉塊元素而不是內聯元素。因此，移動到封閉塊：

div { text-align: justify; } 

見Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification的16.2 Alignment: the 'text-align' property：

該屬性描述了一個塊的內嵌 內容對齊。

（強調）

Answer 2

您需要將圖像從跨度中移出，或者將剩餘的跨度浮動。