行の高さを指定する

p{
　line-height:50px;
}

サンプル

このテキストは「pタグ」で囲ってあります。そしてpタグには、「line-height」で「50px」という数値を設定してあります。通常にテキストを表示している時よりも、行と行の間の行間が大きく空いているのが分かるかと思います。

css解説

フォントサイズと行の高さの関係は、例えば「line-heightが20px」で「font-sizeが12px」の場合、「20px-12px=8px」で、8pxが行間に設定されることになります。8pxが行間となる場合、行の上と下に、それぞれ4pxずつが割り振られます。

必ずお喜びいただけるプレゼント・ギフトのご紹介

近々、誰かへのお祝い・プレゼントを購入しなければという方に、最高のご提案です。弊社では、写真を印刷した世界に一つだけのオリジナルジグソーパズルを2011年から作り続けている、老舗のオリジナルパズルメーカーです。ご注文から２営業日程度で発送ができる、世界に一つだけのギフト。しかもお値段は980円からという激安価格です。ぜひ、プレゼントをする予定がある方は、ご利用くださいませ！