JSFiddle - React, Tailwind, and code Playground

by miSunLaughing

HTML

<div class="parent">
<div class="left">a</div>
<div class="right">b</div>
</div>

CSS

.parent {
  height: 200px;
  width: 200px;
  border: 1px solid #0f0;
}
.left {
  display: inline-block;
   height: 200px;
   width: 50px;
   border: 1px solid #f00;
}
.right {
  height: 200px;
  float: right;
  padding-left: 50px;
  width: 200px;
  overflow: hidden;
  border: 1px solid #00f;
}