Das Box-Modell - Beispiel Innenabstand

Der Innenabstand

Der Innenabstand (padding) ist ein Teil der content-box.

Den Innenabstand kann man sich wie eine Art Polsterung um den Inhalt vorstellen.

Wenn kein Innenabstand angegeben ist, dann ist die Kante des Innenabstands identisch mit der Außenkante des Inhalts.


Dieser Text ist geschrieben ohne Angabe eines Innenabstands.

Dieser Text ist mit einem Innenabstand von padding: 30px zum Rahmen formatiert.

Dieser Text ist mit einem linken Innenabstand von padding-left: 100px zum Rahmen formatiert.