JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">
    <li>Home</li>
    <li>About</li>
    <li>Page</li>
    <li>Page</li>
    <li>Page</li>
    <li>Contact</li>
</ul>

CSS

#nav { width:960px;
    height:30px;
    padding:0px;
    position:relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
#nav li { color:#fff;display:inline-block;line-height:50px;margin:0 autopx; }