HTML Internet Tipps und Tricks Webdesign

HTML: Text zentrieren – so funktioniert es

Sie möchten einen Text in HTML zentrieren? Dann können Sie diesen ganz leicht mit dem <center>-Tag Ausrichten. Wir zeigen Ihnen in diesem Artikel wie es geht.

Text zentrieren in HTML

Mit diesen Methoden können Sie Ihre Texte in HTML ganz einfach zentrieren und ausrichten:

  • Verwenden Sie das <center>-Tag um den Text zu zentrieren. Dies sieht dann folgendermaßen aus: <center>Ihr Text</center>. Kurzer Hinweis: in den neuen HTML 5 Versionen wird dieser Tag nicht mehr unterstützt.
  • Text direkt mit dem <p>-Tag zentrieren: Sie können den <p>Tag so erweitern, dass der Text mittig ausgerichtet wird. Dabei gibt es zwei unterschiedliche Varianten: <p algin=”center”>Ihr Text</p> oder <p style=”text-align: center”>Ihr Text</p>.

Sie können neben der HTML-Variante auch Ihre Texte in der CSS-Datei zentrieren. Dazu müssen Sie zunächst für einzelne Texte eine “class” oder eine “id” vergeben oder direkt die gesamten Texte zentrieren. Dies könnte wie folgt aussehen:

.Textklasse / #Textid {

Text-align: center;

}

oder

p {

text-align: center;

}

Am besten eignet sich jedoch ein sogenannter HTML-Editor. Mit diesem haben Sie die Möglichkeit Ihren Text ähnlich wie in Word direkt über den Editor auszurichten und zu formatieren. Somit sparen Sie sich das mühsame editieren der einzelnen Texte oder Textpassagen.

Weitere hilfreiche Anleitungen zum Thema HTML, wie Sie z.B. ein Bild mit HTML einfügen können, finden Sie hier auf unserer Webseite.

Das könnte Ihnen auch gefallen