css - Dividing long list of <li> tags into columns? -

I have about 30 & lt; Li & gt; A list of and lt has been found in ; Ul & gt; . By using CSS, do they have to divide them into three out of ten columns? CSS3 in

  #columns {-moz-column-count: 3; -Moz-column-difference: 20px; -webkit-column-count: 3; -Vibit-column-gap: 20px; Column-count: 3; Column-Difference: 20px; }  

HTML:

  & lt; Div id = "column" & gt; & Lt; Ul & gt; ... lots of lis ... & lt; / Ul & gt; & Lt; / Div & gt;  

The list item will spread to the next column because they exceed the height of the container.

Perhaps you can use JavaScript for an older browser, as it seems to be more beauty than an important feature.