CSS – ładne zawijanie LI

Dosyć często na różnych stronach można spotkać taki widok:

Chodzi o odpowiednie formatowanie listy nieposortowanej, tak, aby była w 2 lub więcej kolumnach.

Mimo wszystko, jest z tym mały kłopot.

Oto jak ludkowie z ks-ekspert pomogli mi to rozwiązać:

<style type=”text/css”>
ul li{
float:left;
width:100px;
}
#kontener{
float:letf;
width:300px;
}
</style>

<div id=”kontener”>
<ul>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li>Element 4</li>
<li>Element 5</li>
<li>Element 6</li>
</ul>
</div>