More than 3 years have passed since last update.

<a>タグのクリックできる範囲

Last updated at 2020-08-08Posted at 2020-08-08

<a>タグはインライン要素なので、中身のテキストの部分しか大きさを持ちません。
その結果、<a>タグをクリックできる範囲はテキストの部分だけになってしまいます。
<a>タグをブロック要素にすると、大きさが親要素いっぱいに広がるので、全体をクリックできるようになります。

style.css

.header-right a {
  display: block;
}