JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

<div class="one">
  This is a box
  <div class="two">
    This is another box
  </div>
</div>

CSS

.one, .two, .three {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  border: dashed 2px black;
  margin: 10px;
  padding: 10px;
  position: absolute;
}

.two {
  background-color: orange;
  padding-right: 100px;
  top: 0;
  left: 0;
}

.three { 
  background-color: green;
  display: block;
}