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;
    display: flex;
    display: -webkit-flex;
    display: -moz-box;
    width: 100%;
}

.left {
    width:80px;
    background-color:#eee;
}

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