將圖片插入文本並保留文字與CSS的包裝

Question

我剛剛遇到一個問題，即我目前的（幾乎等於0）CSS知識無法處理。這裏的東西：

我有一些文本里面的div元素;這個div元素（我們稱之爲容器）具有固定寬度和動態高度（沒有約束）。我想在容器中放一些文本;文本的第二個字後，我想放的圖像，使整個事情看起來或多或少像：

+---------------------+ 
| I was [x] on my way | 
| to the city in the | 
| sun     | 
+---------------------+ 

其中[x]是圖像。對文本的第二部分進行換行非常重要，以便在上例中看起來像一樣。

容器中的文字可能會有所不同;儘管如此，我總是知道文本的哪一部分在哪裏，文本的哪一部分在圖像之後。

我該如何做到這一點與CSS？

Answer 1

如果您將<img>標記置於文本的中間，則默認情況下應如此操作，除非您覆蓋圖像的display屬性。您可能還想嘗試使用圖像的vertical-align屬性，以使其與周圍的文本很好地對齊。