JSFiddle - React, Tailwind, and code Playground

by timshutes

HTML

<ul id="nav">
    <li><a href="#">This link is really long</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</ul>

CSS

#nav {
    display: table;
    height: 87px;
    width: 100%;
}

#nav li {
    display: table-cell;
    height: 87px;
    width: 16.666666667%;
    line-height: 87px;
    text-align: center;
    background: #ddd;
    border-right: 1px solid #fff;
}