So zentrieren Sie Text in HTML

Autor: Laura McKinney
Erstelldatum: 10 April 2021
Aktualisierungsdatum: 1 Juli 2024
Anonim
5 Wege um Inhalt ganz einfach mit CSS zu zentrieren!
Video: 5 Wege um Inhalt ganz einfach mit CSS zu zentrieren!

Inhalt

In diesem Wiki erfahren Sie, wie Sie Text mithilfe von Cascading Style Sheets (CSS) auf einer HTML-Website zentrieren. Das Zentrieren von Text in HTML erfolgt mit Tags

Dieses Tag gilt jedoch als veraltet und funktioniert in den meisten Browsern nicht mehr.

Schritte

Methode 1 von 2: Durch CSS

  1. Öffnen Sie die Datei mit den CSS-Stilen. Obwohl die Karte
    veraltet, aber Sie können immer noch neue Elemente erstellen, die Sie an einer beliebigen Stelle auf der Seite hinzufügen können, um den Text innerhalb ihrer Grenzen zu zentrieren. Wenn Sie keine separate CSS-Datei haben, müssen Sie den Stil oben in der HTML-Datei zwischen den "Tags" definieren.’.
    • Wenn noch keine Karte Sie müssen direkt unter der Karte hinzufügen Am Anfang der Datei stehen folgende Angaben:

  2. Erstellen Sie eine Textzentralebene. Karte
    fordert das HTML-Dokument auf, auf den bestimmten Textteil zu verweisen, sodass Sie dieses Tag klassifizieren müssen. Bitte geben Sie den folgenden Text in das Feld zwischen dem "style" -Tag ein. Vergessen Sie nicht, zu drücken ↵ Enter zweimal nach der ersten Zeile:

    • Eigenschaften hinzufügen Textausrichtung. Importieren Textausrichtung: Mitte; in den Raum zwischen den Klammern im Abschnitt Diva. Der aktuelle Titel sieht folgendermaßen aus:

      • Füge eine Karte hinzu div Text sollte zentriert sein. Setzen Sie die Karte ein
        Text über dem Text, den Sie zentrieren und mit Tags schließen möchten unter dem Text, den Sie zentrieren möchten. Um beispielsweise einen Titel und den ersten Absatz zu zentrieren, müssen Sie Folgendes eingeben:
        • Verwendung von Karten Diva die anderen Regionen zu zentrieren. Wenn Sie ein anderes Element zentrieren möchten (z. B. Inhalt zwischen Tags wie und

          ), eingeben
          vor dem Text und danach. Da Sie "div.a" als Zentrierungsbefehl angegeben haben, wird dieser Text genau wie der vorherige zentriert:
          • Dokumentenprüfung. Der Inhalt kann variieren, aber im Allgemeinen sollte Ihr Dokument jetzt ungefähr so ​​aussehen:
              Werbung

            Methode 2 von 2: Verwenden Sie das Center-Tag in HTML

            1. Öffnen Sie das HTML-Dokument. Diese Methode beschreibt die Verwendung von HTML-Tags
              (jetzt auch veraltet). Ab Dezember 2018 ist diese Karte in einigen Webbrowsern noch aktiv, aber auf lange Sicht sollten Sie diese Karte immer noch nicht verwenden.
            2. Identifizieren Sie den Text, den Sie zentrieren möchten. Scrollen Sie nach unten, bis Sie den Titel, Absatz oder anderen Text finden, den Sie zentrieren möchten.
            3. Fügen Sie das "center" -Tag an den Enden des Textes hinzu. Dieses Center-Tag hat ein Format
              Text
              , wobei "Text" der zu zentrierende Text ist. Wenn der Text bereits ein inneres Tag enthält (z. B. "" für den Absatz), kann sich das "center" -Tag außerhalb bereits vorhandener Tags befinden:
              • Überprüfen Sie das HTML-Dokument. Das Dokument sollte nun folgendermaßen aussehen:
                  Werbung