在图像周围环绕文字

Question

I am trying to get text wrap around the image in the page below. Although the image is floated to the left the text doesn't seem to wrap around.

http://goo.gl/SskvJ

I would appreciate any help

Answer 1

Your .region class has a float:left rule that should be removed. Then you'd also need to remove the clear:both rule on the h2 element. Then you'd want to add a float:left rule to the image on the page.

Answer 2

I think I found a solution. It worked fine with me.

What I've made was creating a div called content and I placed inside an img and also another div that contains text. Have a look at here http://jsfiddle.net/Apfyv/

Hope it helps!

Answer 3

你有一个div图像和文本，并且都向左浮动...这很好 - 但div元素没有指定宽度 - 所以他们占用100％（块元素） - 如果你指定div sa宽度显示在图像的右侧

Answer 4

看起来文本没有环绕图像，因为文本和图形都在两个单独的DIV标签中，您应该合并它们。

Answer 5

Add a style

.region > img {
    float: left;
}

And add display: inline-block to #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;
}