JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>123</span>
    <span>123</span>
    <span>So long text goes here</span>
    <span>123</span>
    <span>123</span>
    <span>123</span>
    <span>123</span>
    <span>123</span>
</div>

CSS

div {
    width: 400px;
}

span {
    text-align: center;
    outline: 1px solid #ccc;
    display: block;
    width: 25%;
    float: left;
}