CODEWITHSUNDEEP
htmlcssgoogle-chrome
user2586153
user2586153

Reputation: 136

Link not completely clickable

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.

[Problem with anchor tag

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

Upvotes: 7

Views: 94

Answers (2)

dippas
dippas

Reputation: 60573

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

Upvotes: 2

J. Titus
J. Titus

Reputation: 9690

This fixes it for me.

.post-title a {
    position: relative;
}

Very strange, though.

Upvotes: 1

Related Questions