JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        </p>
    </a>
    <p>
    Test
    
</div>

CSS

/* <wichtig> */

div a {
    display: block ;
    height: 100% ;
}

/* </wichtig> */


div a:hover {
    background-color: lightgreen ;
}

div {
    position: absolute ;
    top: 50px ;
    left: 50px ;
    right: 50px ;
    bottom: 50px ;
    background-color: lightblue ;
    text-align: center ;
}