Wenn du einen normalen Div Container erstellst dann ist dieser nicht zentriert. In diesem Beitrag zeige ich dir wie wird dem Container sagen, das er immer auf der Seite mittig zentriert ist.

DIV Container zentrieren

Zuerst erstellen wir uns einen DIV Container mit einem Roten Rand damit wir in besser sehen

<div style="border:1px solid red ">Mein Container</div>

Ergebnis

Wie du siehst ist dieser DIV Container weder zentriert noch mittig ausgerichtet

Um den DIV Container zu zentrieren fügen wir folgenden CSS Befehl ein margin-left: auto; margin-right: auto; text-align: center;

<div style="border:2px solid red; margin-left: auto; margin-right: auto; text-align: center; ">Mein Container</div>

Ergebnis

Dieser DIV Container ist zentriert und passt sich immer automatisch an den. Um es dir genauer zu zeigen habe ich ihm noch eine Breite von 200px gegeben.

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Kennst du schon diese Memes?

Smiley Bedeutung