JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="left">
        <p>green line1</p>
    </div>
    <div class="right">  
        <p>red line1</p>
        <p>red line2</p>
        <p>red line3</p>
        <p>red line3</p>
        <p>red line4</p>
    </div>

CSS

.content {
    overflow:hidden;
}
.content .left{
    float:left;
    width:100px;
    background-color:green;
    padding-bottom: 10000px;margin-bottom: -10000px;
}
.content .right{
    
    background-color:red;
    padding-bottom: 10000px;margin-bottom: -10000px;
}