JSFiddle - React, Tailwind, and code Playground

by Gregor Z.

HTML

<div class="a">
Lolek

  <div class="b">
  Bolek
  </div>

</div>

<div class="c">
Foo
</div>

CSS

.a {
  background-color: tomato;
  height: 20px;
  color: white;
  width: 500px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  position: relative;
  top: 20px;
  right: 50px;
  height: 100px;
}

.b {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: khaki;
  width: 50px;
  height: 50px;
}

.c {
  height: 100%;
  border: 1px solid navy;
  margin-top: 30px;
}