圍繞圖像環繞文字

Question

我試圖在下面的頁面中圍繞圖像進行文字環繞。雖然圖像浮動到左側，但文字似乎並未環繞。

http://goo.gl/SskvJ

我希望得到任何幫助

Answer 1

您的.region類有float:left規則應該被刪除。然後，您還需要刪除h2元素上的clear:both規則。然後，您需要將float:left規則添加到頁面上的圖像中。

Answer 2

你既有圖像和文字在div和都是浮動離開......這是好的 - 但div要素不具有規定的寬度 - 所以他們佔用100％（塊元素） - 如果您指定div sa寬度它顯示在圖像的右側

Answer 3

似乎文字並沒有環繞圖像，因爲文字和圖形都在兩個單獨的DIV標籤中，所以您應該合併它們。

Answer 4

我想我找到了解決方案。它對我很好。

什麼我做了創建一個div叫內容和我放在一個IMG還另一個DIV包含文本里面。 看看這裏http://jsfiddle.net/Apfyv/

希望它有幫助！

Answer 5

添加風格

.region > img { 
    float: left; 
} 

並添加display: inline-block到#page_product #overview h2

#page_product #overview h2 { 
    margin: 0 0 1.5em; 
    font-style: italic; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1.429; 
    display: inline-block; 
}