The CSS pseudo-class nth-of-type allows you to add images to your content and then float them on alternating sides. With this simple technique you can dress up your content with images and they aren't all in one long line.

Help with Pseudo-Classes

• How to Alternate Floated Images with CSS 3
• CSS Pseudo-Classes and Pseudo-Elements
• How to Use :nth-child Pseudo-Class Expressions
• nth-last-of-type

Floating images within your layout can be automated with CSS 3 originally appeared on About.com Web Design / HTML on Tuesday, July 20th, 2010 at 06:03:21.

Permalink | Comment | Email this