JSFiddle - React, Tailwind, and code Playground

by sulfureous

HTML

<div>
    <div id="left">
        <p>Nullam sit amet molestie nisl. Etiam a est nec neque volutpat sodales. Donec ac viverra magna, a auctor nulla.</p>
    </div>
    <div id="right">
        <p>Nullam sit amet molestie nisl. Etiam a est nec neque volutpat sodales. Donec ac viverra magna, a auctor nulla. Cras nibh dui, sodales at ligula non, fermentum laoreet odio. Sed imperdiet mi at elit tristique, sit amet ultrices eros mattis. Sed eleifend imperdiet elementum. Fusce pulvinar neque justo, vel ultrices neque congue sit amet. Vivamus commodo placerat leo quis dignissim. Etiam velit justo, mollis at odio in, dictum blandit mauris.</p>
        <p>Nullam sit amet molestie nisl. Etiam a est nec neque volutpat sodales. Donec ac viverra magna, a auctor nulla. Cras nibh dui, sodales at ligula non, fermentum laoreet odio. Sed imperdiet mi at elit tristique, sit amet ultrices eros mattis. Sed eleifend imperdiet elementum. Fusce pulvinar neque justo, vel ultrices neque congue sit amet. Vivamus commodo placerat leo quis dignissim. Etiam velit justo, mollis at odio in, dictum blandit mauris.</p>
    </div>
</div>

CSS

#left {
    background: #aaa;
    width: 100px;
    float: left;
    padding: 10px;
}
#right {
    background: #ddd;
    width: 400px;
    float: left;
    padding: 10px;
}

JavaScript

$(function(){
  var theHeight = $('#right').height();
    $('#left').css('height', theHeight +'px')
});