JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left;background:#9999ff">
  Float Left
</div>
<div style="float:right;background:#ff9999">
  Float Right
</div>
<div style="background:#99ff99">
  No Float
</div>
<hr style="clear:both"/>
<div style="float:left;background:#9999ff">
  Float Left
</div>
<div style="background:#99ff99">
  No Float
</div>
<hr style="clear:both"/>
<div style="float:left;background:#9999ff">
  Float Left
</div>
<div style="float:left;background:#ff9999">
  Float Left
</div>
<div style="background:#99ff99">
  No Float
</div>
<hr style="clear:both"/>

CSS

div {
  height: 100px;
  text-align: center;
  padding: 20px;
}