disign.it | CSS: centrare un testo verticalmente | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 5.123 visualizzazioni

CSS: centrare un testo verticalmente

25/11/2011

Poiché 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]

← iPhone e iPad: font di sistema utlizzabili per sviluppo web Jquery: caricare dinamicamente la versione più aggiornata della libreria →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.