JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cadre">
  <div class="gauche">BUG BUG BUG</div>
  <div class="droite">BUG BUG BUG</div>
</div>

<br>
<br>
<br>

<div class="cadre">
  <div class="gauche">FIX FIX FIX</div>
  <div class="droite">FIX FIX FIX</div>
  <div class="clear"></div>
</div>

CSS

.cadre {
  border: 1px solid #000;
  padding: 5px;
}

.gauche, .droite {
  float: left;
  width: 200px;
  border: 1px solid red;
}

.clear {
  clear: both;
}