JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<div>
    <ul>
        <li><a href="#">court</a></li>
        <li><a href="#">court</a></li>
        <li><a href="#">loooooooong</a></li>
        <li><a href="#">court</a></li>
        <li><a href="#">court</a></li>
        <li><a href="#">court</a></li>
    </ul>
</div>

CSS

ul
{
    -moz-columns: 6;
}
a
{
    display: block;
    text-align: center;
    border: 1px solid red;
}
div
{
    width: 750px;
    margin: auto;
}