html css - how to create multiple column list?

Question

I have an "Ordered List" which contains about 100 "List Items". This ol makes my page very long and users have to scroll too much.

How can I get the UL to show like this:

1.           6.           11.
2.           7.           12.
3.           8.           13.
4.           9.           14.
5.          10.           15.

question from:https://stackoverflow.com/questions/2347060/html-css-how-to-create-multiple-column-list

Answer 1

In a perfect world you could use css3 column module but sadly it's currently only partially supported by webkit and gecko browsers (using -webkit and -moz).