JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="menu">
    <ul>
        <li><a href="index.html">Home</a>
        </li>
        <li><a href="#">Responsive</a>
        </li>
        <li><a href="#">Responsive</a>
        </li>
        <li><a href="#">Responsive</a>
        </li>
    </ul>
</nav>

CSS

/*Estilo só para ajudar no exemplo*/
 ul {
    padding:0;
}
body {
    margin:0;
}
/******/
 .menu {
    position: fixed;
    top: 0;
    width: 100%;
}
.menu ul {
    font-size: 15px;
    text-align:center;
}
/*só subistitui o margin por text- align:center*/
 .menu ul li {
    display: inline;
}
.menu ul li a {
    margin: 0 auto;
}