JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">company</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Involvement</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div> <!-- End Nav -->

CSS

#nav ul{
    width:980px;
    margin:0;
    padding:0;
    border:1px solid red;
}
#nav ul li{ 
    display: inline-block;
    color:#FFF
}

#nav ul li a {
    display: block;
    padding:5px 26px; 
    width: 81px;
    text-decoration:none; 
    color: white;
    text-align: center;
}
body{
    background: #666666;
}