Drop caps are a nice typographic detail that look great on many websites. There are a few ways of achieving this effect but the CSS selector I like to use is the :first-letter pseudo-element. This selector is reasonably well supported across most modern browsers albeit with a few minor bugs here and there. Here’s how it works…
Direct link: How to create drop caps with CSS and CSS3