JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
     <li><a href="#">Home</a></li>
     <li><a href="">About Us</a></li>
     <li><a href="">Services</a></li>
     <li><a href="">Portfolio</a></li>
     <li><a href="">Blog</a></li>
     <li><a href="">Contact</a></li>
   </ul>

CSS

li {
    display: inline;
    list-style: none;
    margin: 0px 7px;
}
li a {
    text-decoration: none;
    display: inline-block;
}