JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="pages">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Donate</a></li>
        <li><a href="#">Video</a></li>
        <li class="last"><a href="#" >Contact</a></li>
    </ul>
</nav>

CSS

#pages{
    position: absolute;
    right: 0;
    top: 70px;
}

ul li {
        float: left;
        margin-right: 50px;
}
        a{
            color: @link-color;
            display: block;
            padding: 0 10px;
            border-radius: 5px;
            font-weight: bold;
        }
 
#pages ul li.last {
    margin-right: 0;
}

#pages ul li {
    margin-right: 50px;
}