Is this possible with lists?

Question

I'm wondering if its possible to make a list like this:

Or should I just use divs to accomplish the same thing?

Answer 1

It is possbile with pure CSS (floats) to get a list like:

LI1    LI2
LI3    LI4
LI5    LI6

but to get:

LI1    LI4
LI2    LI5
LI3    LI6

you'd need to use javascript or 2 lists with css styling. (EDIT: or as another answer by cale_b mentions, for modern browsers you could use column-count)

the css for my first scenario would look something like this:

ul { width:400px; overflow:hidden; margin:0; padding:0; }
li { width:200px; float:left; margin:0; padding:0; }

adjust your widths, margins and paddings to your liking of course