JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li><a href="/">home</a></li> 
    <li><a href="/">works</a></li> 
    <li><a href="/">services</a></li> 
    <li><a href="/">about us</a></li>
    <li><a href="/">contact</a></li> 
</ul>

CSS

ul,li{
    padding:0px;
    margin:0px;
}
ul.menu {
    background: #ccc;
    float: right;
    margin-top: 70px;
    padding-right: 40px;
    min-width: 50%;
}
ul {
    list-style: none outside none;
}


.menu li {
    float: left;
    padding-left: 40px;
}


.menu li a {
    color: #585858;
    font: 14px/39px Myriad Pro;
}