Allineare al centro delle immagini del testo con i CSS

[dabbia]

Vorrei allineare verticalmente il testo a delle immagini (bottoni) in modo che non risultino "sfalzate" usando i CSS...

L'immagine che allego rende meglio l'idea del "prima" (come si vede ora senza CSS) e del "dopo" (come vorrei che fosse)...

Naturlamente il metodo da adottare deve funzionare sia sua Internet Explorer che su Firefox ed essere conforme al controllo della W3C...

Grazie per chi decida di dedicarmi qualche minuto...

[Toh!pisa]

Sono io che non ci vedo o il prima ed il dopo sono uguali?

[pierofix]

Occorre impiegare un 'trucchetto'. Basta impostare l'interlinea dell'elemento con lo stesso valore utilizzato per l'altezza dello stesso. Un esempio:

li
{
   width:100px; height:100px;
   line-height:100px;
}

Il testo contenuto in quell'elemento di lista sarà posizionato a metà altezza dei 100px. Il trucco funziona solo per testi su singola riga.

[pierofix]

Occorre impiegare un 'trucchetto'. Basta impostare l'interlinea dell'elemento con lo stesso valore utilizzato per l'altezza dello stesso. Un esempio:

li
{
   width:100px; height:100px;
   line-height:100px;
}

Il testo contenuto in quell'elemento di lista sarà posizionato a metà altezza dei 100px. Il trucco funziona solo per testi su singola riga.

[dabbia]

Sei sicuro?? non mi funziona... Ho impostato

div#menu{ line-height:20px; height:20px;}

nell'id menu del mio div senza ottenere nessun risultato...

[dabbia]

up

[dabbia]

up