JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span id="v">
        text in the left
    </span>
    <div id="x">
        <div>upper row</div>
        <div>lower row</div>
    </div>
</div>

CSS

span {
    border: 1px solid red;
}
div {
    border: 1px solid blue;
}
#x {
    display: inline-block;
    vertical-align: middle;
}