Wrapping text around image

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.


I would appreciate any help


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.

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!

You have both image and text in a div and the are both floated left ... this is fine - but the div elements dont have a width specified - so they are taking up 100% (block element) - if you assign the divs a width it display to the right of the image

Seems like the text is not wrapping around the image because the text and the graphic are both in two separate DIV tags, you should merge them.

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;

Need Your Help

Custom BitmapField bug on unfocus and scroll (BlackBerry)

blackberry java-me focus blackberry-os6 bitmapfield

I have been having this annoying problem when trying to implement a picture gallery on BlackBerry 6.