JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="clickable_area">
    <span>RED Background and clickable</span><br/>
    <span>RED Background and clickable</span><br/>
    <span>RED Background and clickable</span><br/>
    <a class="inner_link" href="#">Yellow background and it's own link</a><br/>
</a>

CSS

a {text-decoration:none; background-color:red}
.clickable_area{display:block;color:#000;}
.inner_link{background-color:yellow}