Una manera senzilla de mostrar un llistat en dues columnes és utilitzant la propietat float.

L'única particularitat és que els ítems quedaran ordenats per files i no per columnes.

Donat un XHTML

<ul>
   <li>Ítem 1</li>
   <li>Ítem 2</li>
   <li>Ítem 3</li>
   <li>Ítem n</li>
</ul>

S'aplicaria un CSS del tipus:

li {
   float: left;
   width: 50%;
}

Amb el float s'indica que els ítems es coloquin un al costat de l'altre sempre que sigui possible. Determinant l'amplada dels ítems al 50% s'obligua que siguin sempre dues columnes, sigui quina sigui l'amplada de l'ul.

S'ha d'anar en compte amb el width: 50%. Si els ítems tinguessin margin, padding i/o border cal tenir molt present el model de caixa i les diferències entre l'estàndard i Internet Explorer.

Amb el mateix mètode es poden fer llistats de 3, 4...n columnes, només variant el percentatge de l'amplada.

Podeu veure un exemple de dues, tres i quatre columnes. El CSS està incrustat a l'XHTML per fer-ho més comode.