Innenabstand

Der Text unserer Karten berührt ihre Rahmen. Dafür gibt es den Innenabstand (padding): den Platz zwischen dem Inhalt und dem Rahmen, wie das Passepartout zwischen einem Bild und seinem Rahmen.

padding: 20px;

Diese Deklaration fügt auf allen vier Seiten 20 Pixel Innenabstand hinzu. Jede Seite lässt sich auch einzeln festlegen:

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

Der Innenabstand gehört zur Box des Elements, deshalb füllt auch der Hintergrund des Elements ihn aus. Darum nutzt man den Innenabstand oft, um eine farbige Fläche um ihren Text herum zu vergrößern.