JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    hello
<a href="https://docs.angularjs.org/api/">
        <span class="link-spanner"></span>
    </a>
</div>

<div id="logs" style="margin: 40px 0">
    <p class="logger"></p>
</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');*/
}