JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="left">Left</div>
<div class="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pretium gravida porta. Suspendisse mattis mattis ipsum sed convallis. Aenean magna orci, luctus et ultrices ac, scelerisque at lectus. Nulla aliquet.</div>

  <div class="clear"></div>
</div>

CSS

.parent {
  min-height: 100px;
  height: auto;
  width: 200px;
  border: 2px solid #000;
}

.left {
  float: left;
  width: 60px;
  height: 100%;
  background-color: #226644
}

.right {
  min-height: 100%;
  height: auto;
  float: left;
  width: 140px;
  background-color: #446622;
}

.clear {
  clear: both;
}
}