CSS-Tutorial – Text per CSS horizontal ausrichten
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.
Author: Andreas Lang
Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.