HTML の リンク の クリックできる範囲 を 広げる

目的

• HTMLファイルの行間の高さを設定する方法をまとめる。

押さえるポイント

• リンクを作成するaタグはインライン要素のため文字部分しかクリックできる範囲がない。
• クリックする範囲を広げるにはaタグをインライン要素からブロック要素に変えてあげる
  ※HTMLでのリンクの作成方法はこちらを参考にしてください。

書き方の例

• 下記にCSSファイルの内容を記載する。

要素の名前かクラス名 {
  display: block;
}

より具体的な例が思いつかなかったため今回は記載しない。