Beispiel:CSS-zentrieren-5.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Vertikal und horizontal zentrierte Inhalte</title>
    <style>
      html, body 
      { 
	 height: 100%; 
	 margin: 0;
      }
      #top 
      {
	 float: left; 
	 width: 1px; height: 50%;
	 margin-bottom: -12em;
      }
      #container 
      {
	 clear: left;
	 margin: 0 auto;
	 width: 32em; height: 24em;
	 background: #E0FFE0;
      }
    </style>
  </head>
  <body>  
    <div id="top"></div>
    <div id="container">dieses Element wird zentriert</div>
  </body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS-zentrieren-5.html&oldid=49742“