List in multiple columns

Question

I have one list with 10 (li) elements. Those are displayed in single column.

If I fixed height of that list then how can I display it in two or three columns?

Answer 1

you can check this multiple column lists

Answer 2

There is a CSS3 solution for that, but it's not widely implemented by browsers yet. See this example, using the CSS property column-count:

http://jsfiddle.net/hwzpy/

Currently only works in FF, Safari and Chrome though. Otherwise, you'll have to use javascript or divide the list up in two lists.

-edit- The float variant as linked in other answers is really neat, didn't know about that one.