Wie zentrieren Sie Text in HTML (mit Bildern)

Distungieren Sie, wie Sie Text in einer HTML-Website mit Cascading-Stilblättern (CSS) mitzentrieren. Die Zentrierung in HTML wurde mit dem Tag fertiggestellt, aber dieses Tag wird nun als veraltet angesehen und arbeitet nicht mehr in den meisten Browsern.

Schritte

Methode 1 von 2:

Mit CSS

1. Öffnen Sie die Datei, die Ihre CSS-Stile enthält. Obwohl das Tag veraltet ist, können Sie ein neues Element erstellen, um einem beliebigen Teil einer Seite hinzuzufügen, um Text innerhalb seiner Grenzen zu zentrieren. Wenn Sie keine separate Datei für Ihre CSS haben, finden Sie die Stile oben in der HTML-Datei zwischen der"" Stichworte.

Wenn Sie noch nicht haben und Tags haben, fügen Sie sie direkt unten unten in der Datei hinzu:

2. Erstellen Sie eine Klasse, die Text zählt. Das

Tag sagt Ihrem HTML-Dokument, um einen angegebenen Textbereich zu verweisen, wodurch Sie eine Klasse für dieses Tag erstellen. Geben Sie das Folgende in den Raum zwischen der ein "Stil" Tags, die darauf ↵ drücken, zweimal nach der ersten Zeile eingeben:

div.ein {}

3. Ergänzen Sie die Textausrichtung Eigentum. Art Text-ALIGN: CENTER- in den Raum zwischen den beiden lockigen Klammern in der div.ein Sektion. Der Header sollte jetzt so aussehen:

4. Fügen Sie das richtige hinzu div Tag zum Text, der zentriert sein sollte. Sie tun das, indem Sie das platzieren

Tag über dem Text, den Sie mit einem Zentrieren und schließen möchten

Tag unter dem Text, den Sie zentrieren möchten. Um beispielsweise einen Header und seinen Absatztext zu zentrieren, geben Sie Folgendes ein:

5. Benutze das div.ein Tag zum Zentrieren anderer Bereiche. Ein anderes Element zentrieren (e.G., Inhalt zwischen den Tags wie und), Typ

vor dem Artikel und

Danach. Da hast du schon "div.ein" Als Zentrierbefehl angegeben, wird der Text genauso genauso zentriert, wie es zuvor gemacht wurde:

6. Überprüfen Sie Ihr Dokument. Obwohl der Inhalt variiert, sollte Ihr Dokument so etwas aussehen:

Methode 2 von 2:

Verwenden des Center-Tags in HTML

1. Öffnen Sie Ihr HTML-Dokument. Diese Methode beschreibt, wie das HTML-Tag verwendet wird, das jetzt veraltet ist. Ab Dezember 2018 funktioniert dieses Tag möglicherweise noch in einigen Webbrowsern, es wird jedoch nicht empfohlen, auf dieses Tag auf dieses Tag zu verlassen.

2. Finden Sie den Text, den Sie im Zentrum haben möchten. Scrollen Sie nach unten, bis Sie den Header, den Absatz oder einen anderen Text finden, den Sie zentrieren möchten.

3. Ergänzen Sie die "Center" Tag auf jede Seite des Textes. Das Center-Tag befindet sich im Format Text wo "Text" ist dein text. Wenn Ihr Text Tags darauf hat (e.G., "" für Absatztext), die "Center" Tags können außerhalb der vorhandenen Tags gehen:

4. Überprüfen Sie Ihr HTML-Dokument. Ihr Dokument sollte so etwas aussehen:

So zentrieren sie text in html

Schritte