CSS Obere Füllung

Wie kann ich einen Raum oben zwischen den Rand und den Text erstellen lassen?
Obere Füllung in html mit Stylesheet

Erklärung

Eigenschaft:

Top Padding
Verwendung:
padding-top: 10px;
padding-top: 10pt;
padding-top: 10%;
padding-top: auto;

Definition:

Das wird die Füllung des Objektes einstellen.
Es nimmt die folgenden Werte.
a)pt : Sie können Werte in punkte einstellen. (e.g: 10pt or 100pt).
b)px : Sie können Werte in Pixel einstellen. (e.g: 10px or 100px).
c)% : Sie können Werte in Prozente einstellen. (e.g: 10% or 100%).
d)auto : Es wird den standard Rand einstellen.

Beispiel 1:
<div style="padding-top: 20px;">Obere Füllung testen</div>
Ergebnis:
Obere Füllung testen

Bemerkung: Der Unterschied zwischen Füllung und Rand ist dass das padding stellt Werte innerhalb des Objektes, und der Rand bewegt das ganze Objekt weg von einem anderen Objekt.
Beispiel 2:
<div style="padding-top: 30pt;">Obere Füllung testen</div>
Ergebnis:
Obere Füllung testen


Beispiel 3:
<div style="padding-top: 10%;">Obere Füllung testen</div>
Ergebnis:
Obere Füllung testen


Beispiel 4:
<div style="padding-top: auto;">Obere Füllung testen</div>
Result:
Obere Füllung testen