JSFiddle - React, Tailwind, and code Playground

by Diogo Soares

HTML

<div class="div1">
  <div class="div2"></div>
  <div class="div3"></div>
  <div class="div4"></div>
</div>

CSS

.div1{
  background: red;
  width: 100%;
  height: 35px;
}

.div2{
  background: blue;
  float: left;
  height: 30px;
  width: 60px;
}

.div3{
  background: green;
  float: left;
  height: 30px;
  width: 60%;
}

.div4{
  background: black;
  float: left;
  height: 30px;
  width: 60px;
}