JSFiddle - React, Tailwind, and code Playground

by camel2243

HTML

<div class="wrapper">
  <div class="relative">
    <h2>relative</h2>
  </div>
  <div class="default">
    <h2>static</h2>
  </div>
</div>

CSS

.wrapper {
  background-color:#F00;
  width: 200px;
  height: 300px;
}

.relative {
  background-color: #00F;
  width: 100px;
  height: 50px;
  position: relative;
  top: 30px;
  color: #FFF;
}

.default {
  width : 100px;
  height: 200px;
  background-color: #0F0;
}