Capolettera con i CSS

Un semplicissimo codice CSS che ci permette attraverso l'uso della poco conosciuta pseudo classe first-letter di ottenere un classico effetto tipografico, il capolettera.
Nel nostro foglio stile semplicemente individuiamo il paragrafo a cui attribuire la pseudoclasse con questa sintassi:

p.nostra_classe:first-letter

e all'interno delle parentesi graffe
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;

 
Specificati questi semplici parametri (alla fantasia l'applicazione di altre caratteristiche quali sfondo, colori, font-family etc etc), nell'html basterà assegnare al primo paragrafo la classe sopra costruita!

p class="nostra_classe"

Qui l'esempio!