padding

Der Innenabstand der Box

"Padding" könnte man auch mit "Polsterung" oder "Wattierung" übersetzen.

Häufige Masseinheiten für den Innenabstand sind % oder px.
Achtung: die paddings nach links und rechts werden zu der Breite (width) hinzugezählt! Wenn du das jetzt nicht logisch findest, schaust du dir am besten nochmals das Box-Modell genau an.

div {
    background-color: lightcyan;
	width: 80%;
	height: 40px;
	margin: 12px 4% 20px 4%;
	/* Innenabstand (Kurzform) */
	padding: 20px 2% 10px 2%;
}

Vorschau (formatiert)