JSFiddle - React, Tailwind, and code Playground

by Annemarie Köhler

HTML

<div class="zero">
  <div class="one"></div>
  <div class="two">Hallo Du<br>Na wie geht's</div>
  <div class="three"></div>
</div>

CSS

body {
  background: #9f9f9f;
}

.zero { position: relative; }

.zero .one {
  position: relative;
  z-index: 999;
  top: 0; left: 0;
  background: #607d8b; height: 200px; width: 90px;
}

.zero .two {
  position: relative;
  z-index: 0;
  top: -100px; left: 100px;
  background: #b2b396; height: 60px; width: 100px;
}

/* .three {
  background: #795548; 
  height: 120px;
  width: 80px;
} */
/* // #9e9e9e 795548 */