Simple HTML/CSS Float problem?

Question

I can't seem to float my image and the text does not wrap around it. I've tried clear:both but it doesn't seem to work.

#tree {
    width:175px;
    height:250px;
    float:right;
    margin-left:20px;
    margin-top:24px;
}

#blackwhite {
    width:200px;
    height:125px;
    float:left;
    clear:both;
    margin-right:20px;
    margin-top: 100px;

}

Thank you for your help in advance!

Josh Kovach · Accepted Answer · 2011-01-27 05:22:54Z

1

Without seeing the related html, it's hard to say. As a shot in the dark, though: a floating object will float to the left or right of the element which follows it. Don't use clear unless you want it to show up entirely below the elements before it. If you wanted an image to float to the left and have text wrapping around it on the right, you might try something like this:

<img class='right' src='image.jpg' alt='' style='float:left;'/>
<p>Here's the text that will wrap around the image that is floating to the left.</p>

answered Jan 27, 2011 at 5:22

Josh Kovach

7,7493 gold badges48 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bnjmn · Accepted Answer · 2011-01-27 05:23:39Z

1

if you clear:both; than you are saying that you don't want anything to be next to the item, on either side.

answered Jan 27, 2011 at 5:23

Bnjmn

2,0091 gold badge21 silver badges34 bronze badges

Collectives™ on Stack Overflow

Simple HTML/CSS Float problem?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related