Come centrare una riga di testo in un div con il css.

25 gennaio 2017

Spesso ci capita di voler centrare una riga di testo verticalmente in un div. Per ottenere questo risultato utilizzeremo il selettore line-height. 

Vediamo il codice d’esempio:

See the Pen NdvJBg by Alberto Firenzuola (@AlbertoFirenzuola) on CodePen.0

Come si può notare dal codice d’esempio, per allineare verticalmente un testo in un box con delle dimensioni prestabilite, bisogna settare il valore di line-height uguale all’altezza (height) del box contenitore.

Per centrare orizzontalmente il testo si deve aggiungere text-align: center  all’identificatore della scritta.

Per vedere il risultato finale e suggerimenti più dettagliati vi invito a guardare il video tutorial.

Articoli Correlati Ti potrebbe interessare anche

Alberto Firenzuola

Come centrare un div all’interno di un altro div con il posizionamento assolto.


23 gennaio 2017

Alberto Firenzuola

Come centrare verticalmente ed orizzontalmente un div all’interno di una pagina con il css.


Crea il tuo sito web e proponi il tuo business