JSFiddle - React, Tailwind, and code Playground
HTML
<div class="test test-1">What is Lorem Ipsum?<br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
<div class="test test-1">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
<div class="test test-3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
CSS
.test {
border: 1px solid #000;
float: left;
margin: 10px;
width: 200px;
padding: 10px;
}
JavaScript
function autoHeight() {
var height;
var maxHeight = 0;
$(".test").each(function(){
height = $(this).height();
if(height > maxHeight) {
maxHeight = height;
}
});
$(".test").css("height",maxHeight);
}
autoHeight();