JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    .nav-menu ul {
    margin:0;
    padding:0;
    text-align:center;
      }
.nav-menu li{
    background-color:#FA5705;
    float: left;
    width:10.69023569%; /* 127/1188 */
    text-align:center;
    list-style-type:none;
    min-height:40px;
    margin-top:5px;
    vertical-align:middle;
    float:right;
    margin-right:1%; 
    line-height: 40px;
}
    
.nav-menu a{
    color:rgb(255,255,255);
    font-family:Arial;
    font-size:1.2em;
    padding-top:10px;
    
}
</style>
<div class="nav-menu">
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
</ul>
</div>