0 2346

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.