spacing

    1. Einheit em = so breit wie ein m: ist meist sinnvoll
    2. #s2 { line-height: 2em; letter-spacing: 0.5em; word-spacing: 3em } ziemlich sinnlos, aber wenigsten sollte man etwas sehen, oder nicht?
    3. ganze ohne spezial formattierung ................
      4. einem imag #vT { vertical-align: text-top } , aber mit #vB { vertical-align: baseline }
    4. ganze ohne spezial formattierung ................
    5. mit #i5 { background-color: yellow; text-indent: 4em; } #i5:first-line { font-weight: bold; } #i5:hover { background-color: green } und so weiter und so fort und so weiter und so fort und so weiter und so fort
    und ohne liste

    und i5 im p #i5 { background-color: yellow; text-indent: 4em; } #i5:first-line { font-weight: bold; } #i5:hover { background-color: green } und so weiter und so fort und so weiter und so fort und so weiter und so fort

    Source /home/ch45859/web/wlkl.ch/public_html/inf/css/e11space.php 

    <html>
 <head>
  <title> <?php echo basename(__file__, '.php'); ?> </title>
  <style type="text/css">
    #s2 { line-height: 2em; letter-spacing: 0.3em; word-spacing: 2em }
    #vT { vertical-align: text-top }
    #vB { vertical-align: baseline }
    #i5 { background-color: yellow; text-indent: 4em; }
    #i5:first-line {  font-weight: bold; }
    #i5:hover { background-color: green }
    #bG { background-colorvertical-align: baseline }
  </style>
 </head>
 <body>
<ol>
<h1>spacing</h1>
<ol>
<li> Einheit em = so breit wie ein <b>m</b>: ist meist sinnvoll </li>
<li id="s2"> #s2 { line-height: 2em; letter-spacing: 0.5em; word-spacing: 3em } ziemlich sinnlos, aber wenigsten sollte man etwas sehen, oder nicht? </li>
<li>ganze ohne spezial formattierung ................ </li>
einem imag #vT { vertical-align: text-top } <img id="vT" src="i01green.jpg">, aber mit #vB { vertical-align: baseline } <img id="vB" src="i01green.jpg"> </li>
<li>ganze ohne spezial formattierung ................ </li>
<li id="i5"> mit         #i5 { background-color: yellow; text-indent: 4em; }
    #i5:first-line {  font-weight: bold; }
    #i5:hover { background-color: green }  und so weiter und so fort und so weiter und so fort und so weiter und so fort</li>
</ol>
und ohne liste
<p id=i5> und i5 im p    #i5 { background-color: yellow; text-indent: 4em; }
    #i5:first-line {  font-weight: bold; }
    #i5:hover { background-color: green } und so weiter und so fort und so weiter und so fort und so weiter und so fort
    </p>

 <h1>Source <?php echo __file__; ?> </h1>
<?php highlight_file(__file__) ?>
 </body>
</html>