JSFiddle - React, Tailwind, and code Playground

by Julien Vernet

HTML

<div id="menu">
    <ul>
        <li><a href="#">Menu item 1</a>

        </li>
        <li><a href="#">Menu item 3</a>

        </li>
        <li><a href="#">Menu item 2</a>

        </li>
    </ul> <span></span>

</div>

CSS

#menu {
    text-align: justify;
}
#menu * {
    display: inline;
}
#menu a{
    background: #efefef;
}
#menu span {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
}