エックスハイト

エックスハイト（x-height）は、xなどアセンダーを持たないアルファベットの小文字の、ベースラインから文字の上端までの高さをいいます。

実践

CSSではエックスハイトを基準にした単位exが利用できます。1exがエックスハイトと等しくなります。

p {
  line-height: 4ex;
}