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.

Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Alltagz
  • Ask
  • BlinkList
  • Bloglines
  • blogmarks
  • Facebook
  • Furl
  • Google Bookmarks
  • Infopirat
  • Linkarena
  • Live-MSN
  • MySpace
  • Newstube
  • SEOigg
  • Tausendreporter
  • Technorati
  • TwitThis
  • Weblinkr
  • Wikio DE
  • YahooMyWeb
  • Blogosphere News
  • Linkarchiv

No related posts.

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>