JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Element 1</li>
    <li class="empty">&nbsp;</li>
    <li>El 2</li>
    <li class="empty">&nbsp;</li>
    <li>Element three</li>
    <li class="empty">&nbsp;</li>
    <li>Element 4</li>
</ul>

CSS

ul{
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    width: 100%;
}

.empty {
    -webkit-box-flex: 1;
    height: 1px;
}