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;
    
    background-color:green;
    
   
}

li{
    border-right: 1px solid white;
    display:inline-block;
    padding-top:11px;
    padding-left:13px;
    width:164px;
    padding-bottom:23px;
    text-align:left;
    
}

a{  
    
    font-size: 12px;
    font-family: arial;
    text-decoration: none;
    color:white;
}