margin

Der Aussenabstand der Box

Die CSS-Eigenschaft margin bestimmt die Aussenabstände der Box.

Häufige Masseinheiten für den Aussenabstand sind % oder px.

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

Vorschau (formatiert)

Text im <div>

🤔 Das Verhalten kannst du dir so vorstellen, wie wenn du versuchst, Magnete mit gleichem Pol zusammenzubringen. Die Box stösst sich nach unten (margin-top) und rechts (margin-left) selber weg. Was rechts (margin-right) oder unter (margin-bottom) der Box folgt, wird weggestossen.