JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="cell">lorem </div>
    <div class="cell">lipsum </div>
    <div class="cell">dolor </div>
    <div class="cell last">long cell</div>
</div>

CSS

.row {}
.cell {
    float: left;
}
.cell.last {
    float: none;
    text-align: center;
}