JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><div>Item</div></li>
    <li><div>Item</div></li>
    <li class="wide"><div>Item</div></li>
    <li><div>Item</div></li>
    <li><div>Item</div></li>
</ul>

CSS

ul {
    display: table;
    
    width: 100%;
    
    margin: 0;
    padding: 0;    
}

li {
    display: table-cell;
    
    width: 100px;
    
    padding-left: 5px;
}

li:first-child {
    padding-left: 0;
}

li.wide {
    width: auto;
}

li div {
    padding: 6px 12px;
    
    background: #ccc;
}