List split into columns using CSS3 Demo

Column count

Column-count splits the content into the number of columns specified, evenly distributing the available space between the columns.

<ul style="column-count: 5;"> ... </ul>

Column width

Column-width display the content in columns that are at least the specified width. The browser will fit in as many columns as possible in the available space and any left-over space will be redistributed between the columns.

<ul style="column-width: 250px;"> ... </ul>

More information