JSFiddle - React, Tailwind, and code Playground

HTML

<!--MAIN MENU START-->
        <ul id="nav">
            <li><a href="#">CONTACT US</a></li>
            <li><a href="#">HOME</a></li>
        </ul>
<!--MAIN MENU FINISH-->

CSS

#nav
{
    list-style: none;
    margin-bottom: 10px;*/
    margin-top: -6px;
    position: relative;
	right: 286px;
    z-index: 9;
    height: 26px;
    padding: 4px 4px 4px 4px;
    font-weight: bold;	
}

#nav li
{
    float: right;
    margin-right: 10px;
}

#nav a
{
    display: block;
    padding: 5px;
    color: #444444;
    background: #fff;
    text-decoration: none;
	border: 1px solid grey;
}

#nav a:hover
{
    color: #fff;
    background: #04B431;
}