24
Nov 2009
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.
Related posts:
- CSS-Tutorial – per CSS Text unterstreichen und durchstreichen – text-decoration Heute möchte ich Ihnen zeigen, wie man per CSS einen...
- CSS Tutorial – Per CSS einen Text doppelt unterstreichen Heute möchte ich Ihnen zeigen, wie Sie per CSS einen...
- CSS-Tutorial per CSS Text in Fettschrift umformatieren Heute möchte ich Euch zeigen, wie man per CSS einen...
- CSS Tutorial – Per CSS Text in Schrägschrift darstellen – italic, oblique Heute möchte ich Euch zeigen, wie man per CSS einen...
- CSS-Tutorial – Wie man per CSS die Schriftgröße ändern kann Heute möchte ich Euch zeigen, wie man per CSS die...
Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.
Category: CSS Anfänger
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
