JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="left">
        Foo
    </div>
    <div class="right">
        Text row 1
    </div>
</div>

<div class="wrapper">
    <div class="left">
        Foo Bar
    </div>
    <div class="right">
        Text row 1<br>
        Text row 2<br>
        Text row 3
    </div>
</div>

CSS

.wrapper {
    border:1px solid #aaa;
    margin:0 0 10px 0;
    clear:both;
    overflow:hidden;
}

.left {
    width:80px;
    float:left;
    height:100%;
    margin-right:5px;
    background-color:#eee;
}

.left, .right {
    padding:5px;
}