0 4458

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

Sphinx-Flashdesign.de

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.