JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
    <li>List 4</li>
    <li>List 5</li>
    <li>List 6</li>
    <li>List 7</li>
    <li>List 8</li>
    <li>List 9</li>
    <li>List 10</li>
    <li>List 11</li>
    <li>List 12</li>
    <li>List 13</li>
    <li>List 14</li>
    <li>List 15</li>
    <li>List 16</li>
    <li>List 17</li>
    <li>List 18</li>
    <li>List 19</li>
    <li>List 20</li>
    <li>List 21</li>
</ul>

CSS

ul{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}