JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div>
    <ul class="topbar"> <a href="pages/index.html" class="fade">Home Page</a>
 <a href="pages/userprofile.html" class="fade">Profile</a>
 <a href="pages/createacc.html" class="fade">Create an Account</a>
 <a href="pages/settings.html" class="fade">User Settings</a>
 <a href="pages/contact.html" class="fade">Contact Us</a>

    </ul>
</div>

CSS

.topbar a:not(:last-child) {
    margin-right:10px;
}