css: first letter

[Isma75]

salve,
vorrei scrivere del testo con la prima lettera più grande delle altre.
ho trovato del codice che lo faceva con "first-letter", ma non so come richiamarla nel codice html.

questo è il css

/* CSS Document */
.testo{
margin-top: 20px;
/* margin-bottom: ; */
margin-left: 150px;
margin-right: 100px;

/* border-top
border-bottom
border-left
border-right

*/
font-style: italic;
font-size:10px;
font-face: Arial, Times New Roman;
font-color: #FFFFFF;
border-margin: 20px;
}

.testo:first-letter{
font-size: 20px;
float:left;
}

questo la parte del codice html
<p class="?">prova testo con la prima lettera maiuscola</p>

come devo richiamarla?

grazie
isma

[Mich_]

Il pseudo-elemento :first-letter non e` implementato in tutti i browser.

La sintassi dovrebbe essere:

p {
font-family: Arial, sans-serif;
font-size: 1 em;
... }
p:first-letter { font-size: 2 em; }

da usare:


Nel mezzo del cammin di nostra vita ... </p>

---

Se invece vuoi una cosa che funzioni in tutti i browser moderni (da IE5.5 e da NN7 in poi), devi fare:
p {
font-family: Arial, sans-serif;
font-size: 1 em;
... }
p span.big { font-size: 2 em; }

ed usarlo cosi`:


<span class="big">N</span>el mezzo del cammin di nostra vita ... </p>