CSS Texteinzug

Wie kann ich eine grosse Leerstelle in html mit css?
Wie kann ich den Raum / Einzug am Anfanges des Abschnittes erstellen?

Erklärung

Eigenschaft:

Text Indent
Verwendung:
text-indent: 1cm;
text-indent: 10px;
text-indent: 10pt;
text-indent: 10%;

Definition:

Dieses Attribut kann verwendet werden, um den Text zu einzurücken. Einfach den Text weiter weg vom Rand zu bewegen. Es heisst auch ein grosser Randraum
Es nimmt die folgenden Werte.
a)cm : Der Einzug kann in Zentimeter wie 1cm oder 2cm etc eingestellt werden...
b)px : Der Einzug kann in pixels wie 1px oder 10px etc eingestellt werden...
c)pt : Der Einzug kann in Punkte wie 1pt oder 10pt etc eingestellt werden...
d)% : Der Einzug kann in Prozente wie 10% oder 5% etc eingestellt werden...

Beispiel 1:
<div style="text-indent: 1cm;">Texteinzug testen</div>
Ergebnis:
testing text indent

Beispiel 2:
<div style="text-indent: 20px;">
Texteinzug testen Zeile 1<br>
Texteinzug testen Zeile 1
</div>
Ergebnis:
Texteinzug testen Zeile 1
Texteinzug testen Zeile 2

Beispiel 3:
<div style="text-indent: 40pt;">Texteinzug testen</div>
Ergebnis:
Texteinzug testen