Wie man Text in HTML zentriert

Die Auswahl der richtigen Ausrichtung für Ihre Elemente, die auf der Website erscheinen, ist sehr wichtig, da diese Ausrichtung die Gesamtstruktur einer Webseite definiert. Wenn es darum geht, Text auszurichten, richten Entwickler häufig Text auf das Zentrum aus, um den Titel oder die Überschrift einer Webseite oder eines Dokuments hervorzuheben. Wenn Sie lernen möchten, wie man einen Text in HTML zentriert, sind Sie der richtige Ort. Hier haben wir Wege zusammengefasst, mit denen Sie Ihren Text auf die Mitte ausrichten können.

Wie man Text in HTML zentriert

Es gibt zwei Möglichkeiten, wie Sie Ihren Text in HTML zentrieren können. Beide Wege wurden unten diskutiert.

So zentrieren Sie den Text mit dem Tag mit Tag

Wenn Sie Ihren Text zentrieren möchten, wickeln Sie einfach Ihren gewünschten Text in das Tag und der Text wird zentriert. Das Tag wurde jedoch aus HTML5 zugunsten der Verwendung von CSS anstelle dessen beseitigt.

Html

Dieser Absatz ist nicht zentriert.

Dieser Absatz ist zentriert.

Im obigen Code haben wir jedoch zwei Absätze erstellt, um den Unterschied zwischen Standardausrichtung und Zentrumausrichtung des Textes darzustellen, den wir den Text des zweiten Absatzes innerhalb des Tags abgeschlossen haben.

Ausgang

Der Text wurde mit dem Tag zentriert.

So zentrieren Sie den Text mit dem Style -Attribut

Der bevorzugte Weg, einen Text zu zentrieren.

Html

Dieser Absatz ist nicht zentriert.

Dieser Absatz ist zentriert.

Durch die Verwendung von Style-Attribut setzen wir die textausrichtung der Eigenschaft des zweiten Absatzes in die Mitte ein. Es erzeugt die folgende Ausgabe.

Ausgang

So verwenden Sie das Style -Attribut, um Text in HTML zu zentrieren.

Wenn Sie jedoch nicht Inline -CSS verwenden möchten, um Ihren Text zu zentrieren, besteht eine andere Möglichkeit, das interne CSS zu verwenden. Hier haben wir gezeigt, wie es gemacht wird.

Html

Dieser Absatz ist nicht zentriert.

Dieser Absatz ist zentriert.

Da wir im obigen Code nur den zweiten Absatz zentrieren möchten, werden wir ihm zuerst eine ID zuweisen und dann diese ID verwenden. Dieser Code gibt auch die gleiche Ausgabe an.

Abschluss

Um Text in HTML zu zentrieren, verwenden Sie entweder die Tag oder das Stilattribut. Wenn Sie das Tag verwenden, platzieren Sie einfach Ihren Text in dieses Tag und es wird zentriert. Stellen Sie die Text-Align-Eigenschaft des Style-Attributs in der Mitte ein, um einen Text mit dem Style-Attribut zu zentrieren. Beachten Sie, dass das Tag von HTML5 zugunsten der Verwendung von CSS ausgeschlossen wurde.