Sie sind hier: Startseite -> CSS-Grundlagen -> Positionierung -> Abstandsangaben -> Beispiel: padding

CSS-Beispiele: Abstand mit Margin und Padding

Beispiel: Abstände mit margin und padding

Fläche mit 250x250 Pixel Größe in blauer Farbe. Der Abstand ist generell auf 20 Pixel eingestellt. Die Schrift klebt am Rand.

CSS-Code:
margin: 20px;

Fläche mit 250x250 Pixel Größe in blauer Farbe. Der Abstand ist generell auf 20 Pixel eingestellt. Die Schrift hat einen natürlichen Abstand zum Rand.

CSS-Code:
margin: 20px;
padding: 10px;



Zu beachten gilt, dass der Margin-Wert beim Div, der Padding-Wert beim Absatz einzutragen ist. Sonst verbreitert der Browser die Fläche um den Padding-Wert. Beispiel:

Ebenfalls interessant:

Beispiel: margin

Informationen über ein praktisches CSS-Beispiel für die Abstände in CSS mit margin.

Beispiel: margin2

Informationen über ein praktisches CSS-Beispiel für die Abstände in CSS mit margin.

[aktuelle Seite]

Beispiel: padding

Informationen über ein praktisches CSS-Beispiel für die Abstände in CSS mit margin und padding.

Zurück zum Hauptthema

Übersicht Abstandsangaben

Startseite CSS-Grundlagen