JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">News</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

CSS

nav {
}
nav ul{
    width: 100%;
    padding: 0;
    100px;
    text-align: justify;
    background: gray;
}
nav ul:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}
nav ul li {
    list-style-type: none;
    display: inline-block;
}

nav ul li a {
    display:block;
}