JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clickable_area">
    <a href="#">RED Background and clickable</a>
    <a href="#">RED Background and clickable</a>
    <a href="#">RED Background and clickable</a>
    <a class="inner_link" href="#">Yellow background and its own link</a>
</div>

CSS

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