In diesem Artikel besprechen wir verschiedene Methoden zum Einrücken von Text in einem HTML-Dokument. Texteinzug wird verwendet, um die Länge des leeren Leerraums vor Textzeilen in einem Block festzulegen. Es markiert im Allgemeinen den Anfang eines Absatzes.
Es gibt einige gängige Ansätze für die Texteinrückung:
Inhaltsverzeichnis
- Verwendung der margin-left-Eigenschaft
- Verwenden der text-indent-Eigenschaft
- Verwendung der padding-left-Eigenschaft
Verwendung der margin-left-Eigenschaft :
Diese Eigenschaft wird verwendet, um links von einem Element einen Rand hinzuzufügen. Es kann verwendet werden, um den erforderlichen Einzug hinzuzufügen, indem der benötigte Platz in geeigneten Längeneinheiten oder Prozentsätzen angegeben wird.
Beispiel: In diesem Beispiel wird die Eigenschaft margin-left verwendet, um den gesamten Textblock einzurücken.
HTML
> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>Kopf> |
>
>
Ausgabe:
Verwendung der text-indent-Eigenschaft:
Mit dieser Eigenschaft wird der Abstand vor der ersten Textzeile in einem Absatz festgelegt. Die Angabe kann je nach Bedarf in Längeneinheiten oder in Prozent erfolgen.
Beispiel: In diesem Beispiel wird die erste Zeile des Absatzes mithilfe der Eigenschaft text-indent eingerückt.
HTML
Unterschied zwischen Abendessen und Abendessen
> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>Kopf> |
>
>
Ausgabe:
Benutzen padding-left-Eigenschaft :
Die padding-left-Eigenschaft in CSS gibt den Abstand zwischen dem linken Rand der Inhaltsbox eines Elements und seinem inneren Inhalt an. Dadurch wird ein Abstand auf der linken Seite erzeugt, der den Inhalt von der linken Grenze des Elements wegschiebt und für Abstände und Einrückungen sorgt.
Beispiel: In diesem Beispiel verwenden wir die Eigenschaft padding left mit einem Beispiel.
HTML
> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>Kopf> |
>
>
Ausgabe:
