JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col">
        <h2>Заголовок</h2>
        <p>текст1</p>
    </div>
    <div class="col">
        <h2>Заголовок<br>длинный</h2>
        <p>текст2</p>
    </div>
</div>

CSS

.row{
    position:relative;
    width:300px;
    border:1px solid #bbb;
    overflow:hidden;
}
.col{
    display:inline-block;
    width:130px;
    margin:0px 5px;
    vertical-align:top;
}
p{
    position:absolute;
}

JavaScript

$(document).ready(function(){
    $('.row').css({'height':$('.row').height()+'px'});
});