JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div class="default"></div>

<div class="default"></div>

<div class="bfc"></div>

<div class="bfc"></div>

<div class="default negative"></div>

CSS

div {
  min-height: 200px;
  background-color: blue;
}

.default {
  margin: 20px;
}

.bfc {
  margin: 40px;
  opacity: 0.5;
  background-color: red;
  display: flow-root;
}

.negative {
  margin-top: -30px;
}