JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    hello
<a href="https://www.google.com">
        <span class="link-spanner"></span>
    </a>
</div>

CSS

.container{
    width:200px;
    height:200px;
    background-color:black;
    color:white;
    /*Important:*/
    position:relative;
}

/*Important:*/
.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('empty.gif');*/
}