This is a paragraph of text about Microsoft Office XP; this might be a description of the all the wonderful things you can do with email, tasks, calendars and more. Because this text is longer than the picture of the box, the next image starts as a new paragraph, which is exactly what we want to have happen.

This is a paragraph of text about Microsoft Windows XP Home version. Because it's a short piece of text, we add a clearing element after the paragraph.

Now the next image and paragraph start together, as the cleared div we added in the markup is is placed below (i.e., clear of) the floating element.