Mi serve un "vertical-align: middle;" che funzioni

[cane-nero]

Ciao, come da titolo non riesco a impostare vertical-align su middle in modo da allineare verticalmente al centro di un div un testo.

Esempio:

<div style="background-color: red; height: 40px; width: 212px; vertical-align: middle;">
<h4 style="color: white; font-family: arial; margin-top: 0px; text-align: center; vertical-align: middle;">Testo su una riga</h4> 
</div>

Ho bisogno di fare ciò solo usando i css se possibile, no margin-top o cose simili ma un bel vertical-align che calcoli le distanze in automatico. Ammesso che sia possibile!

Grazie!

[Prill]

Poiché hai un testo su un solo rigo e conosci l'altezza, 40px, semplicemente imposta un line-height:40px

[cane-nero]

Ciao Prill il punto è che il testo potrebbe anche svilupparsi su due righe...si tratta di un sito dinamico e vorrei creare un effetto centrato senza dover smanettare con javascript.

Mi è venuta in mente un'idea strana adesso: usare un bottone o una tabella anche se in realtà si tratta di un semplice riquadro...vediamo se funziona

[cane-nero]

Per adesso con una tabella ci sono riuscito poichè il testo viene sempre centrato verticalmente di default.

[Prill]

Per centrare in verticale una tecnica è ricorrere al display:table, ma richiede css apposito per vecchie versioni di IE che non lo riconoscono. Il codice presenta marcatura ridondante ed è questo un caso in cui le tanto biasimate tabelle ci vengono incontro risolvendoci subito il problema