JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left"></div>
<div class="right"></div>
<div class="clear"></div>

CSS

.left{
    width:50%;
    height:100px;
    background:red;
 
      float:right;
}
.right{
     width:50%;
    height:100px;
  background:blue;
   
    float:left;
}
.clear{
    clear:both;
}
}