Inhalt

• Anweisungen
• So richten Sie den Text aus
• verlassen {
• recht {
• Mitte {
• So lassen sich Abteilungen, Konturen und Körperabschnitte zentralisieren
• Wie
• Was du brauchst

Anstatt die in den HTML-Tags enthaltenen HTML-Ausrichtungsattribute zu verwenden, die den Text markieren, ist es für Webdesigner besser, Präsentationsinformationen (Ausrichtungsoptionen) auf das Stylesheet zu übertragen. In diesem Artikel wird erläutert, wie Sie Text ausrichten und wie Sie größere Seitenelemente wie Trennlinien zentrieren.

Anweisungen

Mit Stylesheets können Sie mehr als den Text ausrichten und zentrieren (Website-Layoutbild von 6922Designer von Fotolia.com)

So richten Sie den Text aus

1. Verwenden Sie zum Ausrichten von Text innerhalb eines normalen Textblocks, z. B. eines Absatzes oder Zitats, die Eigenschaft text-align.

2. Die Wertoptionen für die Eigenschaft zum Ausrichten von Text sind left, right, center und justify. Da der begründete Text im Web nicht sehr gut lesbar ist, werden in der Abbildung nur die linken, rechten und mittleren Ausrichtungen angezeigt. In dieser Abbildung hat jeder Absatz einen schwarzen Rand, um die Größe des Blockelements auf der Seite darzustellen, wenn keine Breitenanpassung auf das Element angewendet wird.

3. In der Regel wird ein Element einer ID oder Klasse zugeordnet. Die Textausrichtung für Elemente in dieser ID oder Klasse wird mit einer Regel wie der folgenden definiert:

   
   

   verlassen {

   Text ausrichten: links; }

   recht {

   Textausrichtung: rechts; }

   Mitte {

   Text ausrichten: Mitte; }

So lassen sich Abteilungen, Konturen und Körperabschnitte zentralisieren

1. Möglicherweise möchten Sie ein ganzes Layout oder ein großes Layout zentrieren. In diesen Fällen wird eine andere CSS-Technik verwendet.

2. Sie wenden die CSS-Regel auf den Selektor des größten Elements an, das Sie zentrieren möchten. Es kann sich dabei um das Body-Element, um eine Grenz- oder um eine Containerunterteilung handeln.

3. Das Zentrieren mit dieser Methode wirkt sich nicht auf die Textausrichtung aus. Das zentrierte Element behält die standardmäßige linke Ausrichtung des Texts im zentrierten Element bei.

4. Im Folgenden wird ein Ganzkörperelement (mit einem schwarzen Rand zur Verdeutlichung) dargestellt, das auf einer Seite zentriert ist. Für das Element muss eine Breite festgelegt werden, dann werden der linke und der rechte Rand auf automatisch gesetzt. Dies geschieht wie folgt:

   
   

   Körper {Breite: 80%; Rand rechts: auto; Rand links: auto; Rand: 1px durchgehend schwarz; }

Wie

• Normalerweise müssen Sie nicht linksbündig verwenden, da links die Standardeinstellung ist.Sie müssen jedoch wissen, dass es existiert, wenn Sie zuvor zentralisierten oder rechtsbündigen Text später auf den Standardwert neu definieren müssen. Die Breite des zu zentrierenden Elements kann in Pixel, Prozent oder Ems definiert werden.

Was du brauchst

• Texteditor
• HTML-Editor
• Grundkenntnisse in HTML