JSFiddle - React, Tailwind, and code Playground

by siva_hari

HTML

<ul class='unordered-list'>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
    <li><a href='#'> Item </a>

    </li>
</ul>

CSS

.unordered-list {
    -moz-columns: 2 142px;
    -webkit-columns: 2 142px;
    columns: 2 142px;
}