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 almost 10 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 almost 10 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 almost 10 years ago by Kevin Crawford