Artikelformat

Element mittels margin: auto zentrieren

Möchte man ein Element zentrieren ohne sich mit der Browsergröße zu befassen, sollte man margin: 0 auto; verwenden. Dies funktioniert aber nur, wenn das Element eine fest definierte Breite hat.

.inhalt {
width: 600px;
margin: 0 auto;
text-align: left;
}

Dieses Beispiel zentriert das betreffende Element in der horizontalen.
Der Inhalt wird links bündig ausgerichtet.
Eventuell muss für ältere Browser im Body Element text-align: center definiert werden.

Autor: Rene Kreupl

Bloggt über WebEntwicklung und Fotografie

1 Kommentar

  1. Hallo Rene,

    kann man statt:

    margin:0 auto;
    margin-top: 30px
    margin-bottom: 20px

    Auch folgendes schreiben:
    margin: 30px auto 20px;

    Es geht darum ein Element horizontal zu zentrieren und zusätzlich Abstände oben und unten festzulegen.

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.