css - line-heightプロパティはどのようにテキストを上に移動しますか？

Question

このスタイルの作成者がline-heightプロパティを使用して見出しをどのように上に移動したか知りたいですか？行の高さについて私が知っているのは、要素を移動するためではなく、行間のスペースを制御するためのものであるということです。

Answer 1

line-height行全体の高さを調整します。テキストは、その高さ全体のどこか、通常は中央に配置する必要があります。したがって、ボックス全体のサイズを大きくすると、そのボックス内の表示テキストが上に移動します。

Answer 2

コンテナ内のヘッダーの上の空白/他の種類の空白がある可能性があるため、行の高さを変更すると、その空白のサイズが小さくなり、テキストが上に移動します。