And by best I mean, compatible with the most browsers...

3 answers


If it's tabular data, use a table.

a multicolumn list sounds like tabular data to me.

Answered over 9 years ago by Tony Crockford

You could out put each column in it's own div which are each floated to left with a specified width and then put a separate list in each column. If you are using an ordered list (vs unordered), then you can use the style/css counter-reset: item 5; to change the start number of the second and third columns, where 5 is the last number of previous column.

Answered over 9 years ago by Darryl Hein

Here's what I do

ul.multi-column { width: 640px; overflow:hidden; } /* overflow:hidden; clears the floated <li>s */
ul.multi-column li { float:left; width:300px; margin:0 20px 20px 0; }
Answered over 9 years ago by Kevin Crawford