Középre rendezés

Vízszintes középre rendezés külső margóval.

A következő technikával blokkos megjelenítésű elemeket lehet a szülő elemükben középre rendezni. A vízszintes középre rendezéshez auto értéket kell beállítani a jobb és bal oldali margin (külső margó) tulajdonságnak.

div {
    margin-left: auto;
    margin-right: auto;
}

Az elem szélességét is szükséges megadni, ez lehet relatív szélesség (százalék, vagy viewport), vagy fix érték például pixel (ha nincs megadva szélesség az elem teljesen kitölti a szülő elemet).

Ez a technika csak blokkos elemekkel működik, display: inline (szövegközi) elemekre hatástalan (nincs külső margójuk).

A technika úsztatott elemek esetében nem működik.

Last updated