【HTML】リストの行間が広くなる

ol,li要素でリストを作ったが、行間が広くなる問題が生じた。
後の為に、問題点と対策をメモしておく。
1.問題点
  下図のようにリストの行間が広くなる。

2.原因
  下図のようにリストの場合に、<li>要素の前に不要な全角空白(枠で囲んだ箇所)がある為。
  これが悪さをして、行間を広くしている。

3.対策案
  対策は、上記の全角空白を削除する。
4.効果
  下図のようにリストの行間が普通になる。

<個人的な感想>
WEBで探しても類似の問題が見つからなかった。その為、自分で試行錯誤
しながら、かなりの時間を使って、やっと原因を見つけた。
”こんな事で?”をまた味わってしまった・・・。

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら