JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li><a href="#">About</a></li> 
        <li><a href="#">News</a></li>
        <li><a href="#">Contacts</a></li>
        <li><a href="#">Vacancy</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Files</a></li>
        
        
    </ul>

CSS

ul{
    padding:0px;
    list-style: none;
    
   
}

a{  
    border-right:1px solid white;
    background-color:green;
    float:left;
    font-size: 12px;
    font-family: arial;
    text-decoration: none;
    color:white;
    padding-top:11px;
    padding-left:13px;
    width:165px;
    height:40px;
}