A little floating knowledge goes a long way.

I plan to float a few photos into the gallery page - so I thought it was important to brush up a little on CSS floats.

I’ve knocked up a little floating text down there. no matter how much text I put up here I will never begin to wrap around it. Because the floating paragraph is below this one.

here is some floated right text with an awesome background red applied

but if I put something below it I will begin to wrap. notice how I have also set a maximum width for the floated element - this prevents weird things from happening to it.

To stop paragraphs below from wrapping you need to apply the clear element to them. This paragraph has a clear right element.