JSFiddle - React, Tailwind, and code Playground

by Vignesh Gopalakrishnan

HTML

<div id="div0">
  <div id="div1">

  </div>

  <div id="div2">

  </div>
    <div class="clear"></div>
  <div id="div3">

  </div>
</div>

CSS

#div0 {
  position: relative;
}

#div1 {
  height: 100px;
  width: 100px;
  border: 1px solid green;
  background-color: green;
  float: left;
}

#div2 {
  height: 100px;
  width: 100px;
  border: 1px solid red;
  background-color: red;
  float: left;
}

#div3 {
  height: 100px;
  width: 100px;
  border: 1px solid blue;
  background-color: blue;
  float: left;
  
}

.clear {
  clear: right;
}