JSFiddle - React, Tailwind, and code Playground

HTML

<ul><h2>More useful stuff... </h2>
    <div class="a"><li><a href="#">category 1</a></li>
    <li><a href="#">category 2</a></li>
    <li><a href="#">category 3</a></li>
    <li><a href="#">category 4</a></li>
    <li><a href="#" >category 5</a></li></div>
    <div class="b"><li><a href="#">category 6</a></li>
    <li><a href="#">category 7</a></li>
    <li><a href="#">category 8</a></li>
    <li><a href="#">category 9</a></li>
    <li><a href="#">category 10</a></li></div>
    <div class="c"><li><a href="#">category 11</a></li>
    <li><a href="#">category 12</a></li></div>
        <div class="d"><li><a href="#">category 13</a></li>
    <li><a href="#">category 14</a></li></div>
    </ul>

CSS

.a,.b,.c{
 float:left;
 padding-right:20px;    
    
}