JSFiddle - React, Tailwind, and code Playground

by Maksim

HTML

<div class='inline'>
    <div></div>
    <div>
        1234 <br>
        1234 <br>
        1234 <br>
    </div>
    <div></div>
</div>

CSS

.inline div {
    display: inline-block;
    width: 30%;
    background: orange; /* optional */
    vertical-align: middle;
}

.inline div:first-child,
.inline div:last-child {
    background: green; /* optional */ 
}

JavaScript

var maxHeight = 0,
    $inlineDivs = $('.inline div');
$inlineDivs.each(function() {
    maxHeight = Math.max(maxHeight, $(this).height()); 
});

$inlineDivs.css('height', maxHeight);