JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="container">
  <div class="left"></div>
  <div class="middle"></div>
  <div class="right">
    <div class="rightDiv"></div>
    <div class="rightDiv"></div>
  </div>
</div>

CSS

.container{
  display:block;
  width:100%;
}
.left{
  border:1px solid red;
  height:100px;
  width:100px;
  display:inline-block;
}
.middle{
  border:1px solid green;
  height:100px;
  width:100px;
  display:inline-block;
}
.right{

  width:100px;
  display:inline-block;
}
.rightDiv{
  border:1px solid yellow;
  height:40px;margin:10px 0;
}