Я время от времени сталкиваюсь с этой проблемой, так как я начал больше заниматься внешним интерфейсом. Я использую bootstrap в качестве основы для внешнего интерфейса и хочу сделать простой макет из 2 столбцов. Каждый столбец имеет заголовок и изображение.
Теперь моя проблема заключается в том, что если заголовок одного столбца распространяется на несколько строк, начальная высота изображения не выравнивается по обоим столбцам. Пример: 
разметка - это просто базовый c bootstrap макет:
<div class='row'>
<div class='col-6'>
<h4>title</h4>
<img src='...'>
</div
<div class='col-6'>
<h4>some other long title over two lines</h4>
<img src='...'>
</div
</div>
Я знаю, как установить высоту заголовка с помощью js одинаково для всех названий, но это не очень хорошее решение проблемы. Есть ли простой css трюк для достижения этой цели?