Polstrování

Text našich karet se dotýká rámečku. Odsadit ho od rámečku pomůže polstrování (padding): volné místo mezi obsahem a rámečkem, jako pasparta mezi obrazem a rámem.

padding: 20px;

Tato deklarace přidá 20 pixelů polstrování na všech čtyřech stranách. Každou stranu můžete nastavit i zvlášť:

padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

Polstrování je součástí boxu prvku, takže ho vyplňuje i pozadí prvku. Proto se polstrováním často zvětšuje barevná plocha kolem textu.