JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Первый</li>
    <li>Второй</li>
    <li>Третий</li>
    <li>Четвертый</li>
    <li>Пятый</li>
    <li>Шестой</li>
    <li>Седьмой</li>
    <li>Восьмой</li>
    <li>Девятый</li>    
    <li>Деcятый</li> 
</ul>

CSS

ul {
    min-height: 8em;
    height: 8em;
    -moz-column-width: 6em;
    -webkit-column-width: 6em;
    column-width: 6em;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    column-fill: auto;
    word-spacing: -.3em;
    writing-mode: tb-lr; /* IE8+ */ 

}
li {
    display: inline-block;
    vertical-align: top;
    height: 2em;
    width: 6em;
    writing-mode: lr-tb;
    word-spacing: normal;

}

*+html ul {
    writing-mode: tb-rl;
    zoom: 1;
    filter: flipV();
}
*+html li {
    display: inline;
    zoom: 1;
    filter:flipH();
    background: #fff;
}