JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block1 block">
      <div class="block1_content content">Block 1 Content</div>
      <div class="block2 block">
        <div class="block2_content content"> 
          <div class="td">
            Block2 Content1
          </div>
          <div class="td">
            Block2 Content2
          </div>
          <div class="td">
            Block2 Content3
          </div>

          <div class="td">
            Block2 Content4
          </div>          
        </div>
        <div class="block2_content content"> 
            <div class="td">
            Block2 Content1
            </div>
            <div class="td">
              Block2 Content2
              <div class="tooltip">Tooltip</div>
            </div>
            <div class="td">
            Block2 Content3
            </div>

            <div class="td">
            Block2 Content4
            </div>          
          </div>
      </div>
     <!-- Toggable element
      <div class="block3 block">
        <div class="block3_content content"> 
            <div class="td">
            Block2 Content1
            </div>
            <div class="td">
              Block2 Content2
            </div>
            <div class="td">
            Block2 Content3
            </div>

            <div class="td">
            Block2 Content4
            </div>          
          </div>
      </div>-->
    </div>
    <div class="block1 block">
      <div class="block1_content content">Block 2.1 Content1</div>
      <div class="block1_content content">Block 2.1 Content2</div>
      <div class="block2 block">
        <div class="block2_content content"> Block 2.2 Content1</div>
        <div class="block3 block">
          <div class="block3_content content"> 
            <div class="td">
            Block3 Content1
            </div>
            <div class="td">
              Block3 Content2
            </div>
            <div class="td">
              Block3 Content3
              <div...

CSS

.block{
      display:block;
    }
    .content{
      border:1px solid #ccc;  
      padding:2px 5px;
      box-shadow:5px  5px 10px black;
      height:30px;
      width:90%;
      line-height:30px
    }
    .td{
      float:left;
      padding:2px 5px;
      border:1px solid black;
    }
    .block1_content{
      z-index:3;
      position:relative;
      background:white;
    }
    .block2_content{
      z-index:2;
      margin-left:10px;
      position:relative;
      background:#ccc;
    }
    .block3_content{
      z-index:1;
      margin-left:20px;
      position:relative;
      background:#ccc;
    }
    .tooltip{
      position:absolute;
      display:block;
      background:blue;
      color:white;
      height:40px;
      width:100px;
      z-index:99999;
      padding:5px 10px;
      top:15px
    }