圖像上的內聯樣式，段落不會換行

Question

我已經使用Wordpress創建了一個博客，並且正在嘗試向每個帖子添加圖像。雖然圖像似乎不工作'內聯'。我試圖添加內聯樣式（使用Chrome開發工具），似乎無法使段落換行。

Example

Answer 1

對於環繞圖像的文字，您必須有display: inline以及float集合。

你有display:inline設置在div包含div包含標題和圖像，但沒有浮動應用。將float: left添加到標題div的父div（已將display: inline設置爲內聯樣式），文本將在圖像周圍流動。

，或者完全刪除該父div（因爲是完全無關的，並沒有真正的目的），並簡單地套用display: inline到被應用到包括圖像和float: left到.alignleft類標題的div（這是什麼.wp-caption類WP分配給任何左對齊的圖像）。

Answer 2

您需要刪除圍繞圖像div和放置圖像的段落標記內。當圖像位於p標籤內時，您可以左右對齊，文本將圍繞它們流動。

Answer 3

添加float:left到div帶班wp-caption alignleft，像這樣：

.alignleft 
{ 
    float:left; 
}