JSFiddle - React, Tailwind, and code Playground

by scruffles

HTML

<div class="wrapper">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</div>

CSS

.wrapper {
    border: 1px solid red;
    width: 400px;
    height: 200px;
}

ul {
    border: 1px solid blue;
    -webkit-column-width: 160px;
    -moz-column-width: 160px;
    column-width: 160px;
    column-fill:auto;
    height: 100%;
}
li {
    border: 1px solid green;
}