Tipp: Wenn Ihre Textausrichtung nicht funktioniert, stellen Sie sicher, dass andere CSS-Klassen oder -Stile, die auf dasselbe Element oder ein enthaltendes Element angewendet werden, keinen Konflikt mit der von Ihnen beabsichtigten Ausrichtung haben.
Hinweis: Bei diesen Beispielen und der meisten Ausrichtung wird der Text in dem Element ausgerichtet, das den Text enthält. Text kann in einem HTML-Div zentriert und auf dem Rest der Webseite links ausgerichtet werden. Alles, was in dem Tag enthalten ist, das die CSS-Ausrichtung enthält (z. B. ein Bild), wird ebenfalls ausgerichtet.
Beispiele für die Ausrichtung
Linksbündig
Tab ausgerichtet
Zentriert
Rechts ausgerichtet
Links ausgerichtetes Beispiel
Standardmäßig wird der Text auf Englisch und anderen Sprachen nach links ausgerichtet. Wenn das Element, das den Text oder das Bild enthält, rechtsbündig ist oder Sie die Text- oder Bildausrichtung ändern müssen, kann der folgende Code zu Ihrem Element oder in CSS hinzugefügt werden.
HTML Quelltext
Linksbündig
Tipp: Weitere Informationen zum Anpassen der Ausrichtung, des Abstandes und des Randes eines Elements finden Sie unten.
Beispiel für Tabulatorausrichtung
Obwohl es keine "Tabulator" -Textausrichtung gibt, kann ein linker Rand zu einem Element hinzugefügt werden, um eine Tabulatorausrichtung zu erzeugen, wie unten gezeigt.
HTML Quelltext
Tab ausgerichtet
Tipp: Weitere Informationen zum Anpassen der Ausrichtung, des Abstandes und des Randes eines Elements finden Sie unten.
Zentriert ausgerichtetes Beispiel
Mit dem Text-Align-Attribut können Sie jeden Text oder ein Bild in einem Element zentrieren, wie im folgenden Beispiel gezeigt.
HTML Quelltext
Zentriert
Tipp: Weitere Informationen zum Anpassen der Ausrichtung, des Abstandes und des Randes eines Elements finden Sie unten.
Rechtsbündiges Beispiel
Mit dem Text-Align-Attribut können Sie jeden Text oder ein Bild in einem Element zentrieren, wie im folgenden Beispiel gezeigt.
HTML Quelltext
Rechts ausgerichtet
Tipp: Alternativ können Sie CSS verwenden, um ein Bild auf einer Webseite nach rechts auszurichten.
Tipp: Weitere Informationen zum Anpassen der Ausrichtung, des Abstandes und des Randes eines Elements finden Sie unten.
Zusätzliche Ausrichtungsspitzen
Nachfolgend finden Sie zusätzliche Ausrichtungstipps, die auf alle oben genannten Stilregeln oder andere CSS-Klassen angewendet werden können.
- Ein zusätzlicher Rand kann zu jedem der oben genannten Stile hinzugefügt werden, wenn Sie einen zusätzlichen Einzug benötigen oder mehr Auffüllung wünschen. Sie können zum Beispiel ein rechtsseitiges Randrecht anwenden, um den Text weiter in das Element zu verschieben.
- Wenn Sie eine ansprechbarere Seite wünschen, stellen Sie sicher, dass Sie die linke oder rechte Ausrichtung anpassen oder entfernen, wenn Sie sie auf einem kleineren Bildschirm anzeigen.