How to make a whole ‘div’ clickable in html and css without JavaScript? [duplicate]

It is possible to make a link fill the entire div which gives the appearance of making the div clickable.


#my-div {
    background-color: #f00;
    width: 200px;
    height: 200px;
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;


<div id="my-div">
    <a href="#" class="fill-div"></a>

Leave a Comment