Ссылка не полностью доступна для подключения

Question

Часть ссылки не доступна. Ничего не стоит на вершине. Вы даже можете выбрать текст, но не считаться ссылкой. Я проверил в Firefox и работает нормально. Просто в Chrome.

Я приложил .gif, чтобы показать, что происходит.

[

я обернут якорь тег с h1 тегом. Весь текст ДОЛЖЕН БЫТЬ рассматривается как ссылка. Как показывает gif, текст выбран, что означает, что ничего не находится поверх ссылки, но Chrome не обрабатывает весь текст как ссылку.

Любая идея, что происходит?

Вот HTML этого текста

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

EDIT:

Вот link этого проекта

Answer 1

вы должны дать display:block на ваш a потому a по умолчанию является встроенным элементом и по какой-то причине, когда вы установите font-size:15px в a и line-height:12px в h1 родителях он не признает первую часть a в Chrome

Answer 2

Это фиксирует это для меня.

.post-title a { 
    position: relative; 
} 

Очень странно.