JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clearing_el">
<div class="left">
    <p>content left</p>
</div>
<div class="right">
    <p>content right</p>
</div>
</div>
<div>
    <button>the button</button>
</div>

CSS

.clearing_el {
  overflow: hidden;
}
.clearing_el .left {
  float: left;
}
.clearing_el .right {
  float: right;
}