Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆2. 9. 3 Horizontale Textausrichtung <text-align>

2.9.3 Horizontale Textausrichtung <text-align>
en
fr

-

1 Bezeichnungen

-

2 Möglichkeiten

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

-

3 Beispiele

-

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

-

4 Workshops