JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="list">
        <a>a</a>
        <ul>
            <li>1</li>
        </ul>
    </li>
    <li class="list">
        <a>b</a>
        <ul>
            <li>2</li>
        </ul>
    </li>
    <li class="list">
        <a>c</a>
        <ul>
            <li>3</li>
        </ul>
    </li>
    <li class="list">
        <a>d</a>
        <ul>
            <li>4</li>
        </ul>
    </li>
    <li class="list">
        <a>e</a>
        <ul>
            <li>5</li>
        </ul>
    </li>
    <li class="list">
        <a>f</a>
        <ul>
            <li>6</li>
        </ul>
    </li>
</ul>

CSS

ul,li,ol{
    list-style-type:none;  
}
.list{
    border:1px solid red;
    float:left;
    width:33.33%;
}