Css tips and tricks
6.930 visualizzazioni
CSS: centrare un testo verticalmente
25/11/2011Poiché non esiste una regola specifica che ci permetta di ottenere la centratura verticale di un testo inserito in un box, dobbiamo utlizzarre un piccolo semplice espediente!
Semplicemente impostiamo il line-height del testo in misura uguale all'atezza del box in cui è inserito, tenendo eventualmente conto dei bordi attribuiti al div.
Ecco un esempio di codice:
[style type="text/css"]
#box {
width: 955px:
height: 32px;
font-size: 14px;
line-height: 32px;
}
[/style]
[div id="box"]
testo da centrare verticalmente
[/div]
