demo5-6.html


<html>
  <head>
    <title>Ausrichtung</title>
  </head>

  <body>
  <H1>Ausrichtung</H1> 

  <P> 
  Ich habe eigentlich nichts besonderes zu sagen, ich bin nämlich ganz
  normal, d.h. links-bündig. Damit man das auch gut sieht, habe ich
  mal ein Lexikon studiert und lange Worte gesucht: Popocatepetl,
  Donaudampfschiffahrtsgesellschaftskapitän,
  Bomben-Granaten-Element-Blitz-Blotz-Donnerwetter-Sapperment-nochmal.
  </P>

  <P STYLE="text-align:right;"> 
  Ich bin rechtsbündig! Das sieht man wieder gut bei langen Worten wie
  den folgenden aus dem Lexikon: Popocatepetl,
  Donaudampfschiffahrtsgesellschaftskapitän,
  Bomben-Granaten-Element-Blitz-Blotz-Donnerwetter-Sapperment-nochmal.
  </P>

  <P STYLE="text-align:center;"> 
  Ich bin so richtig schön mittig! Das sieht man wieder gut bei langen
  Worten wie den folgenden aus dem Lexikon: Popocatepetl,
  Donaudampfschiffahrtsgesellschaftskapitän,
  Bomben-Granaten-Element-Blitz-Blotz-Donnerwetter-Sapperment-nochmal.
  </P>

  <P STYLE="text-align:justify;"> 
  Ich stehe im Blocksatz! Das sieht natürlich besser aus, wenn man
  nicht zu lange Worte hat, sonst gibt es so unschöne Lücken! Also
  Vorsicht! Na gut, wenn ihr es unbedingt haben wollt, kann ich das
  natürlich auch: Popocatepetl,
  Donaudampfschiffahrtsgesellschaftskapitän,
  Bomben-Granaten-Element-Blitz-Blotz-Donnerwetter-Sapperment-nochmal.
  </P>

  <P STYLE="text-indent:3cm"> 
  Ich bin ein Absatz mit einer eingerückten Zeile von 3cm. Ein
  richtiger Absatz braucht natürlich noch mehr 
  Text Text Text Text Text Text Text Text Text Text Text Text Text 
  Text Text Text Text Text Text Text Text Text Text Text Text Text 
  </P>

  <P STYLE="text-indent:-3cm; margin-left:3cm"> 
  Ich bin ein Absatz mit einer ausgerückten Zeile von -3cm. Zum
  Ausgleich habe ich einen linken Rand von +3cm und schon ist alles
  wunderbar!  Ein richtiger Absatz braucht natürlich noch mehr Text
  Text Text Text Text Text Text Text Text Text Text Text Text Text
  Text Text Text Text Text Text Text Text Text Text Text Text
  </P>

  <TABLE><TR>
  <TD STYLE="vertical-align:top"> Ein wenig Text nach oben ausgerichtet
   </TD>
  <TD STYLE="vertical-align:center">
   Ganz viel Text
   Text Text Text Text Text Text Text Text Text Text Text Text
   Text Text Text Text Text Text Text Text Text Text Text Text
   in einer kleinen Spalte
    </TD>
  <TD STYLE="vertical-align:bottom"> Ein wenig Text  nach unten ausgerichtet
   </TD>
  </TR></TABLE>

</body>
</html>

previous    contents     next

Peter Junglas 22.11.1999