突然、html要素の幅がおかしくなった

Question

エラーもなく、原因がつかめません。。
今まではこのように、普通の要素幅でしたが、

このようになってしまいました。。

この文字だけではなく、他の要素も全て、幅がおかしくなっています。。
要素幅について検索しましたが、原因がつかめません。
どうかよろしくお願いいたします。

今の状況です

他の要素もおかしな幅になりました。
以前の状況（文章が違います、すみません）

今の状況

※以上の要素は、どれも「line-height」は指定していません。

追記：

line-height:1を追加すると直りました！

しかし、line-heightを指定していないのに、どこで要素幅が変わっているのかが、コードからはわかりません。。
なぜ、line-height:1を指定しなくてはいけないのでしょうか。。
モヤモヤします。

Comments

[Lhankor_Mhy]

ソースコードを書きましょう
https://teratail.com/help/question-tips#questionTips3-5-1

[Daregada]

画像をキャプチャしている暇があるなら、HTMLとCSSをそれぞれ```と```で囲んでそのまま載せてください。

[Lhankor_Mhy]

「以上の要素は、どれも「line-height」は指定していません」とのことですが、継承はどうですか？

line-height は「継承あり」です。
https://developer.mozilla.org/ja/docs/Web/CSS/line-height#Specifications

[fuhixx]

申し訳ありません。reset.cssのline-heightの値がおかしくなっていました。
おそらく間違いなく、VSCodeエディタを使って一括置き換えした時に、誤って置き換えしてしまっていました。ご回答いただいきありがとうございましたm(__)m

Answer 1

申し訳ありません。reset.cssのline-heightの値がおかしくなっていました。
おそらく間違いなく、VSCodeエディタを使って一括置き換えした時に、誤って置き換えしてしまっていました。ご回答いただいきありがとうございましたm(__)m

Comments

[Lhankor_Mhy]

この自己解決がなぜ低評価なのかわからないので、低評価をつけた方、できれば教えていただけますか？