見出しテキストを背景の中央にそろえる
見出しのテキストなどに背景画像を使って装飾するとき、上下の中央に高さをそろえたいことがよくある。すぐに思いつくのがpaddingプロパティーで高さを調整する方法だろう。だが、それよりも簡単で確実な方法が実はある。
テキストが１行に収まるということが絶対条件だが、line-heightプロパティーに背景画像の高さをそのまま指定することで、paddingプロパティーより簡単かつ綺麗に実現出来る。line-heightプロパティーはどうやら、１行の高さのちょうど中央に文字を配置する仕様のようで、そのため上下の空きは綺麗に均等になる。
