Horizontale Textausrichtung <code><text-align></code> - Webseitenbau

2.9.3 Horizontale Textausrichtung `<text-align>`
en
fr

1 Bezeichnungen
2 Möglichkeiten
3 Beispiele
4 Workshops

⇧ 1 Bezeichnungen

text-align = text alignment = Textausrichtung

⇧ 2 Möglichkeiten

Mit "text-align:..." kann man Textinhalte von Block-Elementen ausrichten.
Folgende Angaben sind möglich:

left = linksbündig ausrichten (Voreinstellung)
center = zentriert ausrichten.
right = rechtsbündig ausrichten.
justify = als Blocksatz ausrichten.

⇧ 3 Beispiele

a) Beispiel 1: Links Ausrichten von Text und Trennstrich mit align="left"
b) Beispiel 2: Zentrieren von Text und Trennstrich mit align="center"
c) Beispiel 3: Rechts Ausrichten von Text und Trennstrich mit align="right"
d) Beispiel 4: Blocksatz mit align="justify"

↑ a) Beispiel 1: Links Ausrichten von Text und Trennstrich mit `align="left"`

1) Angabe im Quelltext

<p>Text und Strich sind links</p>
<hr width="100" align="left">

2) Ausgabe im HTML-Dokument

Text und Strich sind links

↑ b) Beispiel 2: Zentrieren von Text und Trennstrich mit `align="center"`

1) Angabe im Quelltext

<p align="center">Text und Strich sind zentriert</p>
<hrwidth="200" align="center">

2) Ausgabe im HTML-Dokument

Text und Strich sind zentriert

↑ c) Beispiel 3: Rechts Ausrichten von Text und Trennstrich mit `align="right"`

1) Angabe im Quelltext

<p align="right">Text und Strich sind 
rechts ausgerichtet</p>
<hr width="350" align="right">

2) Ausgabe im HTML-Dokument

Text und Strich sind rechts ausgerichtet

↑ d) Beispiel 4: Blocksatz mit `align="justify"`

1) Angabe im Quelltext

<p align="justify">
 Text asfasdfsdf
 asdf
 asdfasdfasf asdf asdf a sdf asd f asdf a sdf asd f asdf as df sadf s 
 adf sadf s df asdf sa df sad fa sdf asd f sf
 sdfa sdf asdf sad fas dfa sdf asdfasdf
 asdf  sa  d ff  asdfasdasdfsd fasd f asdf s df asd f asdf  asdf as 
 df sad f
</p>

2) Ausgabe im HTML-Dokument

Text asfasdfsdf asdf asdfasdfasf asdf asdf a sdf asd f asdf a sdf asd f asdf as df sadf s adf sadf s df asdf sa df sad fa sdf asd f sf sdfa sdf asdf sad fas dfa sdf asdfasdf asdf sa d ff asdfasdasdfsd fasd f asdf s df asd f asdf asdf as df sad f