JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
<ul>
    <li>Home</li>
    <li>About</li>
    <li>Address</li>
    <li>Phone</li>
</ul>
</div>

CSS

#nav{
    background:#c1c1c1;
}
#nav ul{
    display:table;
    width:100%;
}
#nav li{
    padding:5px;
    display:table-cell;
    background:#333;
    border:1px solid;
    color:#fff;
}