JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
 <ul id="nav">
   <li><a href="#">Website</a></li>
   <li><a href="#">Home</a></li>
   <li><a href="#">test</a></li>
   <li><a href="#">test</a></li>
   <li><a href="#">test</a></li>
 </ul>
</div>

CSS

body{
    margin: 0;
}

.header{
    width: 100%;
    height:  10%;
    background: #616161;
    overflow: hidden;
}
ul#nav{
    list-style: none;
}
ul#nav li{
    display: inline-block;
    padding-right: 25px;
    float: right;
}