JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blocks">
    <div class="top">
        <h2>Первый блок</h2>
        <p>Чуть текста</p>
    </div>
    <div class="bottom">
        <p><button>Кнопка 1</button></p>
    </div>
    <div class="top">
        <h2>Второй блок</h2>
        <p>Много текста</p>
        <p>Много текста</p>
        <p>Много текста</p>
        <p>Много текста</p>
        <p>Много текста</p>
    </div>
    <div class="bottom">
        <p><button>Кнопка 2</button></p>
    </div>
    <div class="top">
        <h2>Третий блок</h2>
        <p>Средне текста</p>
        <p>Средне текста</p>
        <p>Средне текста</p>
    </div>
    <div class="bottom">
        <p><button>Кнопка 3</button></p>
    </div>
</div>

CSS

.blocks { display: table; table-layout: fixed; border-right: 1px solid #ccc; }

.blocks > div { display: table-cell; }

.top { width: 220px; vertical-align: top; padding: 10px 10px 50px 10px; border-left: 1px solid #ccc; }

.bottom { width: 0; vertical-align: bottom; }

.bottom > p { width: 220px; margin: 0 0 0 -240px; padding: 10px; background: #ccc; }