JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>001</li>
  <li>002</li>
  <li>003</li>
  <li>004</li>
  <li>005</li>
  <li>006</li>
  <li>007</li>
  <li>008</li>
  <li>009</li>
  <li>010</li>
  <li>011</li>
  <li>012</li>
  <li>013</li>
  <li>014</li>
</ul>

CSS

ul{
  column-fill: balance-all;
  column-count: 3;
  outline: 2px dashed red;
}