CSS-Tutorial – per CSS einen Text horizontal ausrichten
Heute möchte ich Ihnen zeigen, wie Sie per CSS einen Text horizontal ausrichten können.
Hierzu verwenden wir die CSS-Eigenschaft text-align.
Diese Eigenschaft kann drei Werte annehmen:
- left – linksbündig
- center – zentriert
- right – rechtsbündig
Hierzu ein Beispiel:
Beispielcode HTML:
<html>
<head>
<style type="text/css">
.linksbuendig {
text-align: left;
}
.rechtsbuendig {
text-align: right;
}
.zentriert {
text-align: center;
}
</style>
</head>
<body>
<div class="linksbuendig">Dieser Text sollte linksbündig sein.</div>
<div class="zentriert">Dieser Text sollte zentriert sein.</div>
<div class="rechtsbuendig">Dieser Text sollte rechtsbündig sein.</div>
</body>
</html>
Mit dieser Methode können Sie nicht nur Texte, sondern auch Bilder, Container (eigentlich alles) ausrichten.
