Text vertikal/horizontal zentrieren - tricky ;)

[MudGuard]

Hi,

Moin Leute,

ich versuche einen Text vertical/horizontal zu zentrieren.
Warum funktioniert text-align:center; in Verbindung mit display:table-cell; vertical-align:middle; hier nicht?

<span><h3>Überschrift</h3><p>Es folgt Text. Es folgt Text. Es folgt Text.</p></span>

Dein span ist leer.
span als inline-Element kann keine block-Elemente (z.B. h3, p) enthalten, wird also vor dem ersten block-Element implizit geschlossen. *)
Kommt also das hier raus:

<span></span><h3>Überschrift</h3><p>Es folgt Text. Es folgt Text. Es folgt Text.</p>

Also greift auch display: table-cell des span nicht auf h3/p.

*) in HTML 4.01. Wie's in HTML5 ist, weiß ich nicht.

cu,
Andreas