JSFiddle - React, Tailwind, and code Playground

by Pangur Ban

HTML

<nav class="nav">
    <a href="#">item1</a>
    <a href="#">item2</a>
    <a href="#">item3</a>
    <a href="#">item4</a>
</nav>

CSS

.nav{
    width: 100%;
    display: table;
}

.nav a{
    display: table-cell;
    width: 1%;
    text-align: center;
}