JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<nav>
    <ul>
        <li><a href="">item1</a></li>
        <li><a href="">item2</a></li>
        <li><a href="">item3</a></li>
        <li><a href="">item4</a></li>
    </ul>
</nav>

CSS

ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content:space-around;
}


ul li{
    display: inline-block;
}