• Home
• Curved Corners
• Scroller
• CSS Frames
• 'Sliding Doors'
• Bevelled Buttons
• Drop Shadows
• Generated Content
• :first Pseudoclasses
• :hover Pseudoclass
• Zoom
• Pop-Out Menus

CSS demos

Pseudo Classes

The first-letter pseudoclass works in IE. It only applies to block-level elements. The first-line works in IE too, although in Mozilla / Firefox it will not affect the first-letter. The length of the first line may be affected by word-wrapping and resizing, so you can't guarantee how many words it will apply to...

There's a small bottom- and right- margin applied to the first-letter, to accentuate the drop-cap effect, but it refuses to apply in IE...