CSS Obener Rand

Wie kann ich einen leeren Raum zwischen zwei Abschnitten in html erstellen?
Obenen Rand einstellen mit Stylesheet?

Erklärung

Eingeschaften:

Top Margin
Verwendung:
margin-top: 10px;
margin-top: 10pt;
margin-top: 10%;
margin-top: auto;

Definition:

Oft brauchen wir den Rand für unseren Objekte einzustellen. Dies wird den obenen Rand des Objektes einstellen.
Es nimmt die folgenden Werte.
a)pt : Sie können die Werte in Punkte einstellen. (e.g: 10pt or 100pt).
b)px : Sie können die Werte in Pixel einstellen. (e.g: 10px or 100px).
c)% : Sie können die Werte in Prozente einstellen. (e.g: 10% or 100%).
d)auto : Dies wird den automatischen Rand einstellen.

Beispiel 1:
<div style="margin-top: 20px;">Oberer Rand testen</div>
Ergebnis:
Oberer Rand testen

Bemerkung: Sie können sehen, dass der Text sich 20 pixels vom "Result" string bewegt hat.
Beispiel 2:
<div style="margin-top: 30pt;">Oberer Rand testen</div>
Ergebnis:
Oberer Rand testen

Bemerkung: Sie können sehen, dass der Text sich 30 Punkte vom "Result" string bewegt hat.
Beispiel 3:
<div style="margin-top: 10%;">Oberer Rand testen</div>
Ergebnis:
Oberer Rand testen

Bemerkung: Sie können sehen, dass der Text sich 10 Prozent vom "Result" string bewegt hat.
Beispiel 4:
<div style="margin-top: auto;">Oberer Rand testen</div>
Ergebnis:
Oberer Rand testen