htmlcsscss-multicolumn-layout

How to create a multi-column list?

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.
Solution

  • You could use the CSS multi-column layout module. You can check support at Caniuse.