JSFiddle - React, Tailwind, and code Playground

by Peter Aad

HTML

<div id="firstOuter">

  <div class="outer">
    <div>
      one
    </div>
    <div>
      two
    </div>
  </div>

  <div class="outer">
    <div>
      one
    </div>
  </div>

</div>

CSS

#firstOuter {
  border: 1px solid orange;
}
#firstOuter:after {
  content: "";
  display: table;
  clear: both;
}
.outer {
  float:left;
  margin: 0;
  display: inline-block;
  border: 1px solid red;
}