This text sits next to the image and because the text extends below the bottom of the image, the next image positions itself correctly under the previous image.

This text is short, so the next image can float up beside this one.

Because the previous image's text does not extend below it, this image and text move up next to the previous image. This problem can be solved by the use of the clear property.

To purchase the stock images in this book and other great stock images, go to bigstockphoto.com

A code example from Stylin’ with CSS, Third Edition by Charles Wyke-Smith. Visit stylinwithcss.com for more CSS information and updates.