JSFiddle - React, Tailwind, and code Playground

by Mario Perez

HTML

<nav>
    <div id="navwrapper">
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
            <li>Links</li>
            <li>Etc.</li>
        </ul>
    </div>
</nav>

CSS

nav li {
    display: inline;
}
#navwrapper ul {
    text-align: center;
    width: 100%;
    margin-top: 0px;
    background: #000;
    color: #fff;
}