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 {
    height: 9em;
    -moz-column-width: 6em;
    -webkit-column-width: 6em;
    -o-column-width: 6em;
    column-width: 6em;
    writing-mode: tb-lr; /* IE8+ */
}
li {
    display: inline-block;
    vertical-align: top;
    height: 2em;
    width: 6em;
    writing-mode: lr-tb;
}

*+html ul {
    writing-mode: tb-rl;
}
*+html li {
    direction: ltr;
    display: inline; 
}