Come allineare verticalmente il testo in un DIV

Esempio su come allineare in verticale un testo all’interno di un DIV

Vi è mai capitato di dover allineare un testo in verticale all’interno di un DIV?!

Gli attributi: table-cell e vertical-align ci vengono in aiuto per risolvere questo tipo di problema, grazie a questi, possiamo centrare un testo all’interno del nostro DIV

Vediamo come fare per allineare un testo al centro di un DIV

Codice CSS:

.contenitore { 
	width: 250px; 
	height: 250px; 
	background: #444;
	color: #fff;
	text-align:center;  	/* Allineamento orizzontale del testo */
	vertical-align:middle; 	/* Allineamento verticale del testo */
	display:table-cell 
}

Codice HTML:

<div class="contenitore">
	<span>Testo da posizionare al centro<br/>all'interno di un DIV</span>
</div>

Il risultato è il seguente: