JSFiddle - React, Tailwind, and code Playground

HTML

<div class='oldBox'>
                *** TAKE THIS LIKE OF TEXT OUT AND THEY WILL ALL LINE UP AGAIN ***
            </div>
            <div class='oldBox'>less text
            </div>
            <div class='oldBox'>
            </div>

<br>

<div class='actionBox'>
                *** TAKE THIS LIKE OF TEXT OUT AND THEY WILL ALL LINE UP AGAIN ***
            </div>
            <div class='actionBox'>less text
            </div>
            <div class='actionBox'>
            </div>

CSS

.actionBox{
                width: 125px;
                height: 215px;  
                margin: 0 5px 5px 0;
                display: inline-block;
                background-color: #BBB;
    
    vertical-align: top;
            }

.oldBox{
                width: 125px;
                height: 215px;  
                margin: 0 5px 5px 0;
                display: inline-block;
                background-color: #BBB;
            }