HTML: DIV Container zentrieren: So gehts

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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

Mein Container

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.

Mein Container


    div        div zentrieren   

Das könnte dich interessieren!


Weitere Kategorien






Schreibe einen Kommentar



34928