demo5-5.html


<html>
  <head>
    <title>Abstände</title>
  </head>

  <body>
  <H1>Abstände</H1> 

  <P> 
  Ich bin ein normaler Absatz, dessen einziger Zweck darin
  besteht, dem nachfolgenden Absatz etwas vorherzuschicken. Ein
  richtiger Absatz braucht natürlich noch mehr 
  Text Text Text Text Text Text Text Text Text Text Text Text Text 
  </P>

  <DIV STYLE="margin:2cm;"> 
  Ich bin ein Absatz mit 2cm Abstand an allen Seiten. Natürlich habe ich auch
  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 
  Text Text Text Text Text Text Text Text Text Text Text Text Text 
  </DIV>

  <DIV STYLE="margin:1cm; border-width:0.5cm; padding:1cm; 
              background-color:#ffccbb;"> 
  Ich bin ein Absatz mit 1cm Abstand an allen Seiten. Außerdem habe
  ich einen dicken Rand und Extraplatz im Innenraum. Das alles in
  Farbe! Und natürlich 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 Text Text Text Text Text Text Text Text Text
  Text Text Text Text
  </DIV>

  <DIV STYLE="border-width:0.1cm; background-color:#ccbbff;"> 
  Hier noch ein Absatz, vor allem als Platzhalter für den nächsten
  Absatz. Und natürlich 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 Text Text Text Text Text Text Text Text Text
  Text Text Text Text
  </DIV>

  <DIV STYLE="margin-top:-1cm; margin-left:2cm; border-width:0.1cm;
              background-color:#ccffffbb;">
  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<BR>
  Und schließlich ein Absatz mit negativem Abstand nach oben und etwas
  nach rechts Und wieder Text Text Text Text Text Text Text Text Text
  Text Text Text Text
  </DIV>

</body>
</html>

previous    contents     next

Peter Junglas 22.11.1999