JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 200px; background-color: green">
  <div class="red" style="clear:left">
    Clear left
  </div>
  <div class="blue" style="float: left">
    Left
  </div>
  <div class="yellow" style="float: right">
    Right
  </div>
    <div class="blue" style="float: left">
    Left
  </div>
  <div class="red" style="clear:right">
    Clear right
  </div>
  <div  class="yellow" style="float: right">
    Right
  </div>
</div>

CSS

.blue {
  background-color: cyan;
}
.red {
  background-color: red;
}
.yellow {
  background-color: yellow;
}