Centrování

Naše sekce s kartami je široká 80 %, ale je přilepená k levému kraji stránky. K vycentrování použijeme jednu z nejčastějších deklarací v CSS:

margin: 0 auto;

První hodnota, 0, je okraj nahoře a dole. Druhá, auto (automaticky), je okraj vlevo a vpravo: prohlížeč rozdělí volné místo vedle prvku rovným dílem mezi oba okraje, takže prvek skončí uprostřed.

Funguje to jen u prvku s nastavenou šířkou, jako je naše width: 80%. Bez ní je prvek široký jako jeho rodič a není co rozdělovat.

Nepleťte si to s text-align: center: to vycentruje text uvnitř boxu, kdežto margin: 0 auto vycentruje samotný box.