JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
    <li>G</li>
    <li>H</li>
</ul>

CSS

ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
    width: 350px;
}
 li {
    display: inline-block;
    width: 70px;
    zoom: 1;         
    *display: inline;
}