JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

<div id="nav">
    <ul>
        <li><a href="">Link 1</a></li>
        <li><a href="">Link 2</a></li>
        <li><a href="">Link 3</a></li>
        <li><a href="">Link 4</a></li>
        <li><a href="">Link 5</a></li>
        <li><a href="">Link 6</a></li>
        <li><a href="">Link 7</a></li>
        <li><a href="">Link 8</a></li>
    </ul>
    <span></span>
</div>

CSS

#nav {
    text-align: justify;
    width: 650px;
}
#nav li {
    display: inline;
}
#nav ul {
    display: inline;
}
#nav li {
    display: inline;
}
#nav span {
    display: inline-block;
    width: 100%;
}    
#nav a {
    display: inline-block;
}