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><a href="#">Contact</a></li>
    </ul>
</nav>

CSS

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

ul li {
    float: left;
}

#pages ul :not(:last-child) {
    margin-right: 50px;
}