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 {
    height: 142px;
    background-color:red;
    -moz-columns: 1 142px;
    -webkit-columns: 1 142px;
    columns: 1 142px;
    width: 100px;
}