Centrare verticalmente un testo dentro un DIV con CSS

Buongiorno a tutti!
Oggi risolveremo un problema molto comune nella creazione di menù o comunque blocchi di testo utilizzando il CSS:

centrare verticalmente un testo all’interno di un div

Con il CSS si ha la possibilità di centrare verticalmente un testo solamente all’interno di una tabella.
Quindi il trucco sta nello specificare che il blocco esterno (ossia il nostro DIV) sia formattato come una cella di tabella.

L’esempio sotto centra un paragrafo dentro un blocco con altezza fissa.

Ecco il codice CSS da utilizzare per formattare il DIV come cella:

.myclass {
display: table-cell;
vertical-align: middle;
text-align: center;
}

Provare per credere :)