Automatischen Zeilenumbruch formatieren

[Caroline L]

Hallo zusammen,

ich möchte eine Liste in HTML mit CSS so formatieren, dass wenn das Ende der Zeile erreicht ist und der Browser selbstständig eine neue erstellt, die Zeilenhöhe kleiner ist, als wenn ich einen neuen Listenpunkt anlege.

Leider komme ich auf gar keine Lösung. Habt ihr vielleicht eine Idee?

Mein HTML-Code:

  
<ul>  
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</li>  
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</li>  
        </ul>

Mein CSS:

  
ul{  
 list-style-image: url(../bilder/listenpunkt.gif);  
 list-style-position:outside;  
 font-size: 12px;  
 line-height: 18px;  
}  
  
ul li{  
 line-height: 30px;  
}