背景の真ん中にテキストを配置

↓こんな画像があったとして。 コノ中にテキストを入れる場合、真ん中に合わせるのがビミョーに面倒だったりします、、、よね？ そんな時にチョットだけ便利なテクニック。 何かのタイトル こんな感じで真ん中に来ます。 上のサンプルで指定しているスタイルはこちら↓ margin:0; padding:0; border-left:0; background:url(bg_hearts.gif) no-repeat center top; text-align:center; line-height:80px; 今回、横幅300pxの縦80pxの画像を背景にしているんですが、その真ん中に持ってくるために、line-heightを画像の縦幅と同じにしてます。 コレでイチイチpaddingで調整しなくてもキレイに真ん中に来るって寸法です。 今回のような、縦幅固定の画像を背景にしようする場合とかだと中々便利