Text in einem DIV horizontal und vertikal zentrieren

Die Aufgabe klingt einfach

<div>Dieser Text soll horizontal und vertikal zentriert werden, dazu ist eine CSS Klasse zu schreiben</div>

<div class="centertext">Dieser Text soll horizontal und vertikal zentriert werden, dazu ist eine CSS Klasse zu schreiben</div>



Wer kennt die Auflösung ?

Code:

.centertext {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100px;
height: 100px;
}

width und height müssen dabei natürlich sinnvolle werte haben...

Ist das die Lösung die du gemeint hast?

display: table-cell;

Bingo  , das ist es.

Allerdings nicht von IE unterstutzt...

sehe http://www.w3schools.com/css/pr_class_display.asp

Allerdings nicht von IE unterstutzt.

Habe gerade ein funktionierendes Livebeispiel vor der Nase  unter IE8.

ah, interessant. Kannst du denn Kode hier mal posten?

Edit: IE8 stand alone lauft ok; embedded im EditPlus nicht. Also hat etwas mit EditPlus und/oder embedded zu tun.

Meiner ist fast identisch mit der Lösung:

.centertext{height:90px;width:208px;background:#cc0000;font-size:30px;font-weight:bold;color:white;text-align:center;vertical-align: middle;display: table-cell;}