JSFiddle - React, Tailwind, and code Playground

HTML

<div class='left'>
  <p>
    TextTextTextTextTextTextTextTextTextTextTextText
  </p>
</div>
<div class='right'>
  <p>
    TextTextTextTextTextTextTextTextTextTextTextText
    TextTextTextTextTextTextTextTextTextTextTextText
    TextTextTextTextTextTextTextTextTextTextTextText
    TextTextTextTextTextTextTextTextTextTextTextText
    TextTextTextTextTextTextTextTextTdfdffextTextTextText
  </p>
</div>

CSS

.left {
  width:50%;
  float:left;
  background: black;
  color:white;
}
.right {
  width:50%;
  float:left;
  background: blue;
  color: white;
}

JavaScript

$(".left").height($(".right").height());
$(".left").height($(".right").height());