JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<nav>
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
    <a href="#">Link 5</a>
    <a href="#">Link 6</a>
</nav>

CSS

nav {
    text-align: center;
    overflow: hidden;
    width: 100%;
}

a {
    display: inline-block;
    
}

a:first-child {
    float: left;
}

a:last-child {
    float: right;
}