Link not completely clickable

Question

A part of a link is not clickable. Nothing is on top of it. You can even select the text but not being treated as a link. I checked in Firefox and it's working properly. Just in Chrome.

I attached a .gif to show what's happening.

[

I wrapped an anchor tag with h1 tag. The whole text SHOULD BE treated as a link. As the gif shows, the text is selected, which means nothing is on top of the link and yet, Chrome doesn't treat the whole text as a link.

Any idea what's happening?

Here's the html of that text

<h1 class="post-title">
  <a href="#">Vix sumo exerci, mel aeterno feugiat intellegam cu</a>
</h1>

EDIT:

Here's the link of this project

Answer 1

you have to give display:block to your a because a by default is a inline element and for some reason when you set font-size:15px to a and line-height:12px in h1 parent it won't recognize the first part of a in Chrome