ul {
column-count: 2;
column-gap: 0;
}
li {
display: inline;
}
/*
<div style="height:100%;overflow-y:auto;width:600px">
<ul>
<li>Element 1<br></li>
<li>Element 2<br></li>
<li>Element 3<br></li>
<li>Element 4<br></li>
:
<li>Element n<br></li>
</ul>
*/
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter