Loading...


CSS Text Align Generator

Konfiguration

Text Align

Klasse

Vorschau

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code

border: 1px solid #000000;

ReadyTools Academy

Kommt bald

Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.

Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯

CSS Text Align Generator

In CSS wird die Eigenschaft text-align verwendet, um die horizontale Ausrichtung von Text innerhalb eines HTML-Elements zu steuern. Sie ermöglicht es Ihnen anzugeben, ob Text links, rechts, zentriert, ausgerichtet (über die Breite verteilt) oder an einer gebietsschemaspezifischen Ausrichtung des Benutzers ausgerichtet werden soll.

Hier sind die gängigen Werte für die Eigenschaft text-align:

left: Text wird an der linken Seite des Elements ausgerichtet.

.text-left { text-align: left; }

right: Text wird an der rechten Seite des Elements ausgerichtet.

.text-right { text-align: right; }

center: Text wird an der rechten Seite des Elements ausgerichtet.

.text-center { text-align: center; }

justify: Text wird gleichmäßig über die Breite des Elements verteilt, wodurch gerade Kanten auf beiden Seiten entstehen.

.text-justify { text-align: justify; }

start und end: Diese Werte werden typischerweise für gebietsschemaspezifische Textausrichtungen verwendet, um sicherzustellen, dass der Text am Anfang oder Ende der Schreibrichtung für die jeweilige Sprache ausgerichtet ist. Für Sprachen, die von links nach rechts geschrieben werden, entspricht start links und end entspricht rechts.

.text-start { text-align: start; }

Sie können die Eigenschaft text-align auf verschiedene HTML-Elemente anwenden, einschließlich Absätze (p), Überschriften (h1, h2) und andere Texthaltige Elemente. Sie hilft Ihnen, die horizontale Ausrichtung von Text innerhalb dieser Elemente zu steuern, sodass Sie das gewünschte Layout und die Formatierung für den Inhalt Ihrer Webseite erzielen können.


Top-Werkzeuge

CodeHubBoardly NEULinksy NEUChromo NEU

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.