包裝文字和證明

我想讓這樣的事情包裝文字和證明

enter image description here 的問題是，我需要p有一個壓痕和證明作爲對齊。我可以將圖像浮動到左側，然後將h3和p的顯示內聯設置爲內聯，但是我無法設置縮進，更重要的是要使文本合理。任何人有任何想法如何解決這個問題？謝謝！

來源

2013-03-04 user1128245

img { 
    float: left; 
    margin: 0 20px 20px 0; 
} 

p { 
    text-align: justify; 
    text-indent: 2em; 
}

這裏的小提琴：http://jsfiddle.net/9VkQR/

來源

2013-03-04 19:27:22

我試圖調整這樣一個CMS，我無法控制的HTML結構。我擁有的是一個開放的P標籤。 IMG在P內，實際內容（文本）在IMG標籤之後。這會導致第一行文本位於圖像底部的旁邊，而不是環繞它。如果我在IMG上使用垂直對齊：頂部，則在圖像旁邊出現一行文字，其餘部分在其下方。如何從圖像的頂部開始在圖像旁邊獲取多行文字？我只能應用CSS - 不能改變HTML的結構。 – youcantryreachingme 2017-06-15 01:44:01

簡單地將它對齊到左邊的問題是，如果它比段落高，圖像將溢出div。你如何預防這種情況？ – 2017-09-30 22:55:37

包裝文字和證明

回答

相關問題