divで囲まれたpaddingの指定を特定のタグだけ解除（margin:0px）する方法

質問

タイトルに上手く書けなかったのですが、divでpaddingを指定して余白を作っています。
そもそもはmargin leftでまかないたかったのですが、ほとんどはfloat指定しているため、IE6で倍に広がりなくなくpadding指定しています。

ただ、中身のテキストや画像はいいのですが、タイトルにあたり<h2>タグだけをどうしても左はしに寄せたいと悪戦苦闘しています。
なんとかいい方法はないものでしょうか？

<div class="center-box2">
<h2>あああ</h2>
<p id="top-text">いいい</p></p>
<h3 class="caution-title1">あああ</h3>
<img src="img/aaa.jpg" width="145" height="105" class="caution-img">
<p>いいい</p>
</div>

<h2>にはCSSで背景画像を使用し、テキストはindentで-9999を指定しています。
<h3>や<img>のpaddingの余白は指定のままで、タイトルの<h3>だけを何とかしたいと考えています。

どうかよろしくお願致します。

回答No.1

abril · ベストアンサー

<div class="center-box2">でのpadding-leftの値が仮に10pxだとしたら、
---------------------------------------------------------------------
【CSS】
---------------------------------------------------------------------
div.center-box2 h2 {
background: url(../images/hogehoge.jpg) left top no-repeat;
text-indent: -9999px;
margin-left: -10px;
}
---------------------------------------------------------------------
その分を、<h2>のmargin-leftをマイナス値にして差し引くことで<div class="center-box2">の左余白が相殺され、ボックスの左端にくっつきます。

お礼

いつもありがとうございます。

といいますか、いつにもましてありがとうございます！
marginにも-を指定できるのですね！

早速試してみたとこ、無事解決しました！
実は少し前からこのpaddingについて色々悩まされていたので、これで他の場所も解決です！

かなり嬉しいです！
本当にありがとうございました！