JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="left">
Left
</div>
<div class="right">
Right
</div>
<div class="bottom">
Bottom
</div>
</div>

CSS

#container{
  
  width:400px;
  height:100px;
}

div{
  
  border:1px solid black;
  width:50px;
}

.left{
  height:100px;
  float:left;
  
}

.right{
  width:80%;
  height:50px;
  float:left;
}

.bottom{
  float:left;
  width:80%;
  height:46px;
  
}