JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    some text
    <div class="linkbox">
        <a class="link" href="http://google.com">&nbsp;</a>
    </div>
</div>

CSS

.box {
    width:200px; 
    height:200px; 
    background:#ccc; 
    position:relative; 
    text-align:center; 
    z-index:1}

.linkbox {
    z-index:200; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;}

.link {
    z-index:1000; 
    position:relative; 
    width:100%; 
    height:100%;  
    display:block; 
    text-decoration:none;  
    cursor:pointer}