JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="right"></div> 
  <div class="left"></div>
</div>
<br>
<div class="wrapper">
  <div class="left"></div>
</div>

CSS

.wrapper
{
  width: 500px;
  min-height: 50px;
}

.left {
    overflow: hidden;
    min-height: 50px;
    border: 1px dashed #f00;
}

.right {
    float: right;
    width: 200px;
    min-height: 50px;
    border: 1px dashed #00f;
}