Dela upp lista i flera kolumner med CSS
 

Jag har en lång lista som jag vill dela upp i flera kolumner med CSS.

Listan är en vanlig lista bestående av ul och li element. Endast i en nivå.

Jag vill inte använda tabeller, utan bara CSS.

Går det att göra? Kanske med float? Jag har försökt att läsa mig till detta men inte hittat något. Vet inte riktigt vad jag skall söka på.

Tacksam för tips

http://www.alistapart.com/articles/multicolumnlists/

Kanske kan vara till hjälp?

Man kan använda floats för att få fram följande struktur;:
* Item 1 * Item 2 * Item 3
* Item 4 * Item 5 * Item 6
li {width:33%; float:left}
osv

Nedanstående måste man dela upp med olika listor, en list i taget och floata hela listan
* Item 1 * Item 5 * Item 9
* Item 2 * Item 6 * Item 10
* Item 3 * Item 7 * Item 11
* Item 4 * Item 8 * Item 1
ul {width:33%; float:left}