Normal text links are present:
<a href="projects.html">Projects</a>
Is it feasible to make only the middle part of the letters clickable? Such as excluding the top of 'P' or the bottom of 'j'?
a {
font-size: 50px;
background-color: yellow;
display: inline-block;
height: 25px;
}
The defined yellow background has a height of 25px, yet it doesn't affect the clickable area. The entire text remains clickable.
Refer to https://jsfiddle.net/m4g2b7tu/
a {
font-size: 50px;
background-color: yellow;
display: inline-block;
height: 25px;
}
<a href="projects.html">Projects</a>