JSFiddle - React, Tailwind, and code Playground

by sandeep

HTML

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
    <li>item5</li>
    <li>item6</li>
    <li>item7</li>
    <li>item8</li>
    <li>item9</li>
     <li>item10</li>
     <li>item11</li>
     <li>item12</li>
     <li>item13</li>
     <li>item14</li>
     <li>item15</li>
     <li>item16</li>
<ul>

CSS

ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
li{margin-bottom:10px}