JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div class="block">
    <div class="block">
      <div class="block">
        <div class="block">
          <div class="block">
            <div class="block">
              <div class="block">
                <div class="block">
                  <div class="block"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

.block {
  position: relative;
  width: 100px;
  height: 50px;
  background: #000;
}
.block .block {
  width: 100%;
  height: 100%;
  top: 100%;
  left: 50%;
  margin-top: 20px;
  position: absolute;
}