How to display an unordered list in two columns

Published on Author Code Father
With the following html and css to display the list as two columns

HTML:

<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>

CSS:

ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}

 

Comments

comments