JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="main-menu">
    <li class="actives"><a href="#page-welcome">Home</a>

    </li>
    <li class="actives"><a href="#page-about">About</a>

    </li>
    <li class="actives"><a href="#page-features">Services</a>

    </li>
    <li class="actives"><a href="#page-work">Work</a>

    </li>
    <li class="actives"><a href="#page-contact">Contact</a>

    </li>

CSS

.actives {
     display: inline;
    padding:10px;
     float: left;
 }
 a {
     text-decoration:none;
 }