JSFiddle - React, Tailwind, and code Playground

HTML

<br><br>
<div id="sidebar"><a href="/lolo">You can't click me, I'm overlapped by #main</a></div>
<div id="main">Hello</div>

CSS

DIV {
    border: 1px solid red;
}

#main {
    position: relative;
}

#sidebar {
    float: right;
    z-index: 100;    /* useless without position attribute specified */
}