JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class="clear-block">
  <div style="float:right">
    Your content here
  </div>
  <div style="float:left">
    More content here
  </div>
</div>

CSS

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}