JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<header id="navHead">
    <div id="nav">
        <ul id="navLinks">
            <li class="active">Home</li>
            <li>About Me</li>
            <li>Assignments</li>
        </ul>
    </div>
</header>

CSS

#navLinks {
    list-style: none;
    display: inline-flex;
    margin: 0px auto;
}

#nav li {
    margin-right: 20px;
}
.active
{
    margin-left:100px;
}

#navHead {
    width: 100%;
    height: 12%;
    padding: 25px 0px;
    margin: 0px auto;
    background: red;

}

#nav {
    width: 100%;
    margin: 
}