Axel Richter: Text vertikal zentrieren

Beitrag lesen

SELF-Forum

Text vertikal zentrieren

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Ich habe einfach eine blanke Seite, auf der ich Text (bestehend aus nur 2-3 Zeichen) horizontal und vertikal zentrieren möchte. Letzteres ist hier das Problem.
Ich habe schon das halbe Internet abgesucht, aber keines der gefundenen Beispiele hat mir wirklich geholfen, oder vielleicht war ich auch zu unfähig es umzusetzen.
Könnte mir hier jemand helfen, bzw. mich auf ein entsprechendes Beispiel verweisen?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<title>mehrzeiliger Text Mitte Mitte</title>  
<style type="text/css">  
html {display:table; margin:0; padding:0; width:100%; height:100%;}  
body {display:table-cell; margin:0; padding:0; width:100%; height:100%; vertical-align:middle;}  
.splashscreen {display:table; width:40ex; height:10em; margin:0 auto; background-color:yellow;}  
.splashscreen p {display:table-cell; height:100%; text-align:center; vertical-align:middle;}  
</style>  
</head>  
<body>  
<div class="splashscreen">  
<p>Text Mitte Mitte<br>mit mehreren Zeilen;<br> wirklich mit mehreren Zeilen</p>  
</div>  
</body>  
</html>

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln