CSS - Stop text wrap around picture that floats left or right

Some of the most frustrating moments I had when I was learning CSS layouts revolved around the "clear" attribute. Clear makes your content stop wrapping around div's or pictures that are floating to the right or to the left.

Just put picture in one div and text in another one and format your text div like this:

[div style="clear: both;"]

YOUR TEXT

[/div]

.