Come fare per centrare verticalmente un testo in un DIV? Ci sono diversi modi… quelli che ho trovato più “facili” sono questi:
1) DIV con altezza dichiarata: applicare al div una line-height nello style pari alla sua altezza

ES:

#div {
height: 100px;
line-height: 100px;
}

2) DIV di cui non si conosce l’altezza:

ES:


<div style="width:300px; height: 200px;">
<div style="height: 100%; top: 50%; position:relative">prova</div>
</div>


riferimento: CSS pratici