Text zentrieren
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Sie wollen Text in einem Absatz oder einer Überschrift zentrieren.
Lösung
Verwenden Sie die Eigenschaft text-align mit dem Wert center:
h3 {
text-align: center;
}
p {
text-align: center;
}
Diskussion
Der Wert center für die Eigenschaft text-align ist für die Kontrolle von Inline-Inhalten innerhalb von Block-Elementen gedacht.
Siehe auch
- Die CSS 2.1-Spezifikation zur Eigenschaft text-align.
- Informationen zum Zentrieren verschiedener anderer Elemente innerhalb einer Webseite finden Sie im Rezept Elemente auf einer Webseite zentrieren.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln