D.R.: Text in einem <div> vertikal zentrieren

Beitrag lesen

Hallo,

<table id="vAligned"><tbody><tr><td>Text</td></tr></tbody></table>


>   
> "middle" sollte da die Voreinstellung sein. Ansonsten per CSS:  
>   
> ~~~css
  

> #vAligned td {vertical-align:middle}  
> 

Warum so umständlich?

HTML:
<div class="mittig"><p>Text</p></div>

CSS:

  
.mittig {display:table;}  
.mittig p {display:table-cell; vertical-align:middle;}

Ist zwar auch nicht optimal, aber immer noch besser, als den Code mit unnötigen Tabellen aufzublähen.

mfg. Daniel