JSFiddle - React, Tailwind, and code Playground

by isqua

HTML

<div class="links links_cols_yes">
    <span class="item">Украина</span>
    <span class="item">Редакция</span>
    <span class="item">Книги</span>
    <span class="item">Спецпроекты</span>
    <span class="item">Последнее</span>
    <span class="item">Лентапедия</span>
    <span class="item">Экономика</span>
</div>

CSS

.links_cols_yes
{
    float: left;

    -webkit-columns: 1px 2;
    -webkit-column-gap: 15px;
       -moz-columns: 1px 2;
       -moz-column-gap: 15px;
            columns: 1px 2;
            column-gap: 15px;
}

.item::after
{
    display: block;

    content: '';
}