JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left">text</div>
    <div id="right">text<br/>another line</div>
</div>

CSS

#wrapper {
    width: 300px;
}
#left {
    width:50px;
    background: blue;
    float:left;
    height: 100%;  /* sadly, this doesn't work... */
}
#right {
    width:250px;
    background: red;
    float:left;
}