html div change,css - div background color, to change onhover - Stack Overflow

To make the whole div act as a link, set the anchor tag as:

display: block

And set your height of the anchor tag to 100%.

Then set a fixed height to your div tag.

Then style your anchor tag like usual.

For example:

.link-container {

border: 1px solid;

width: 50%;

height: 20px;

}

.link-container a {

display: block;

background: #c8c8c8;

height: 100%;

text-align: center;

}

.link-container a:hover {

background: #f8f8f8;

}

Good luck!