JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrap'>
  <div class="b1"></div>
  <div class="b2"></div>
</div>

<div class='wrap'>
  <div class="b2"></div>
  <div class="b1"></div>
</div>

CSS

.b1, .b2 {
  width: 100px;
  height: 100px;
  float: right;
}
.b1 {
  background: red;
}
.b2 {
  background: green;
}
.wrap {
  overflow: hidden;
  margin-bottom: 10px;
}