JSFiddle - React, Tailwind, and code Playground

by Vitaly Musin

HTML

<ul>
    <li>Столкновения произошли в районе стадиона на восточной окраине Бангкока, где проводился многодневный митинг сторонников правительства. Беспорядки спровоцировала группа выступающих против правительства студентов расположенного неподалеку университета, которые в течение всего дня в субботу пытались не пропустить сторонников правительства на стадион. Студенты били окна автобусов и автомобилей с демонстрантами, а потом начали избивать их палками и пластиковыми стульями. Поздно вечером у ворот стадиона произошла перестрелка, в которой погиб один студент и еще 35 получили ранения. Перестрелки у стадиона продолжались до глубокой ночи.</li>
    <li>Столкновения произошли в районе стадиона на восточной окраине Бангкока, где проводился многодневный митинг сторонников правительства. Беспорядки спровоцировала группа выступающих против правительства студентов расположенного неподалеку университета, которые в течение всего дня в субботу пытались не пропустить сторонников правительства на стадион.</li>
    <li>Столкновения произошли в районе стадиона на восточной окраине Бангкока, где проводился многодневный митинг сторонников правительства.</li>
</ul>

CSS

* {
    vertical-align:top;
}
li {
    display: inline-block;
    padding: 10px;
    border: 1px solid red;
    width: 20%;
}

JavaScript

var columns = $('li');
$(window).resize(function () {
    setEqualHeight(columns);
});

function setEqualHeight(columns) {
    var tallestcolumn = 0;
    columns.css('height', '');
    columns.each(function() {
        currentHeight = $(this).height();
        if(currentHeight > tallestcolumn) {
            tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}