JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

<div id="topbar">
    <nav id="navmenu">
        <ul>
            <li>Sample</li>
            <li>Sample</li>
            <li>Sample</li>
            <li>Sample</li>
            <li>Sample</li>
            <li>Sample</li>
        </ul>
    </nav>
    <a href="login.html">Sign Out</a>
    </div>

CSS

#navmenu ul li{
    display:inline-block;
    padding:15px;
    border:1px solid blue;
    float:left;
}

#navmenu ul{
    display:inline-block;
}

#topbar a {
    float: right;
    display: inline;
    padding: 5px;
}

#navmenu {
    display:inline-block;
    float: left;
}

#navmenu ul li:hover {
    background-color: rgb(50,50,50);
    color: rgb(255,255,255);
}