JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">
        <p>line 1</p>
        <div class="filling">dfg</div>
    </div>
    <div class="child">
        <p>line 1</p>
        <p>line 2</p>
        <p>line 3</p>
        <p>line 4</p>
    </div>
</div>

CSS

.parent{display:table-row;}
.child{display:table-cell;border:1px solid #ccc;padding:10px;}
p{margin:5px 0;}

.filling {
    width: 20px;
    min-height: 100%;
    background-color: red;
}