JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row clearfix">
        <div class="col-md-6" style="background-color:red;">

 VERY LONG TEXT, JUST LONER< AND LONGER, AND LONGER, AND LONGER 
        </div>
        <div class="col-md-6" style="background-color:green;">

SHORT TXT
        </div>
    </div>

CSS

.row {overflow: hidden;}
.col-md-6 {
    width: 50%; 
    float: left;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    }