JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<a href=# class=nowork>?</a> this black text is not clickable :(
<p>
<a href=## class=works>!</a> this black text is clickable, as it should be
</body>

CSS

a { margin-right:-250px; padding-right:250px }
.nowork { opacity:1 }
.works { opacity:0.999999 }