围绕图像环绕文字

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; 
}