CODEWITHSUNDEEP
htmlcsscss-float
arjunurs
arjunurs

Reputation: 1182

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.

http://goo.gl/SskvJ

I would appreciate any help

Upvotes: 0

Views: 4035

Answers (5)

Steve Robbins
Steve Robbins

Reputation: 13812

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

Upvotes: 0

Manolisl Makris
Manolisl Makris

Reputation: 66

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!

Upvotes: 1

nycmixing
nycmixing

Reputation: 127

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.

Upvotes: 0

j08691
j08691

Reputation: 207881

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.

Upvotes: 1

Manse
Manse

Reputation: 38147

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

Upvotes: 0

Related Questions