Question

I have a div that is float:left, and after the div is the rest of the page.
In order to keep the rest of the page below the div, I must first place a

<br clear="all">

Q: How do I position the rest of the page below the floated div?
I think that I need to wrap the rest of the page in a new div and float it as well.
But I tend to stay away from floats as much as I can.

Answer 1

On the next item you can use the style clear:left.

Another alternative is to set the overflow style on the parent of the floating element to make it contain it, like overflow:hidden.