JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">aaaaaaaaaa </div>
<div class="one">bbbbbbbbbb </div>
<div class="one">ccccccccccc </div>
<span style="clear: both"></span>
    THIS SHOULD BE BELOW TABLE. WHY NOT?

CSS

.one {
  background-color: red;
  float: left;
}