Vertikal & horizontal zentrieren CodeZone CSS #outer { position: relative; /* oder absolute*/ height: 100%; width: 100%; } #inner { position: absolute; top: 50%; margin-left: 50%; transform: translate(-50%, -50%); /* ab hier nur schnickschnack */ border: 3px solid #000; padding: 1em; border-radius: 0.5em; } HTML <div id="outer"> <div id="inner"> Elemente zentriert.<br> Und so... </div> </div> Auf Testzone anwenden