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

Related posts:

  1. CSS-Tutorial – per CSS Text unterstreichen und durchstreichen – text-decoration Heute möchte ich Ihnen zeigen, wie man per CSS einen...
  2. CSS Tutorial – Per CSS einen Text doppelt unterstreichen Heute möchte ich Ihnen zeigen, wie Sie per CSS einen...
  3. CSS-Tutorial per CSS Text in Fettschrift umformatieren Heute möchte ich Euch zeigen, wie man per CSS einen...
  4. Hammer => Web Themes, Flash Text Effekte, Gallerie, MP3-Player fast geschenkt Die Webseite envato.com feiert ihr 3-jähriges Jubiläum. Der ein oder...
  5. CSS Tutorial – Per CSS Text in Schrägschrift darstellen – italic, oblique Heute möchte ich Euch zeigen, wie man per CSS einen...

Ä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>