2021年6月23日解決済み

h1 に padding を指定すると行の高さが変わってしまいます

ユーザー

こんにちは。少し質問させてください。

HTMLのコードで

<div class="we">
 <h1>gugugugugug</h1>
</div>

CSSで

.we{
  padding: 64px;
  border: solid blue 2px;
  background: green;
}

と打ち込みを行った際に画像のように
h1の行高さも　48px→90.875pxというように変更していました。
paddingの仕様上、文字の行高さも変更されてしまうのですか？
ご教授ください。

スタッフ

ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。

3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。

他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

この回答を見るにはプレミアムプランへの登録が必要です

ドットインストール - 3分動画でマスターできるプログラミング学習サービス