html - Drop-caps using CSS

Question

How can I make the first character of each paragraph look like this:

I'd prefer using CSS only.

Answer 1

p:first-letter {
    float: left;
    font-size: 5em;
    line-height: 0.5em;
    padding-bottom: 0.05em;
    padding-top: 0.2em;
}

Tweak the font, padding, line-height as needed.

Example: http://jsfiddle.net/RLdw2/