HTML Source Code

   <div>
     <ol>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
	<li><img src="../pix/pearl.png" alt="perle" width="128" height="146" /></li>
      </ol>
   </div>

kein Floating

div.floatLeft li {margin:0 20px 20px 0;width:140px;}

  1. perle
  2. perle

Floating links

div.floatLeft li {float:left;margin:0 0 20px 20px;width:140px;}

  1. perle
  2. perle
  3. perle
  4. perle
  5. perle
  6. perle
  7. perle
  8. perle
  9. perle

Floating rechts

div.floatRight li {float:right;margin:0 0 20px 20px;width:140px;}

  1. perle
  2. perle
  3. perle
  4. perle
  5. perle
  6. perle
  7. perle
  8. perle
  9. perle