JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Hello, <a href="http://example.com/hello" class="normal">Bob</a>
    <a href="http://example.com" class="big"></a>
</div>

CSS

div {
  width: 100px;
    height: 100px;
    position: relative;
    border: 2px solid red;
}

.big {
  display: block;
  width: 100%;
  height: 100%  ;
  position: absolute;
 top: 0;
 left: 0;   
    z-index: 0;
}

.normal {
  position: relative; 
  z-index: 10;  
}