CSSについて

質問

h3 { font-size: 120%; font-weight: bold; line-height: 1.0em; }
という記述がスタイルシート内にあるのですが、
それを使って文字を書くと文字の下が大きく間が開いてしまいます。
何かつけ足せば間が開かなくなるのでしょうか？

例えば、
<H3>あいうえお</H3>かきくけこ
というソースにすると、
-------------------------
あいうえお　　（大きめの文字で太字）
　　　　　　　（間が開いてしまう）　
かきくけこ　　（通常サイズの文字）
--------------------------

回答No.2

steel_gray · ベストアンサー

見出し(<Hn>)は多くのブラウザでは初期のスタイルとして前後が空くようになっています。
http://www.y-adagio.com/public/standards/tr_css2/sample.html

marginを指定することで間を変更する事ができます。

例 下とのマージンを 0 にする。
h3{ ～～ ;margin-bottom:0;}
http://www.htmq.com/style/index.shtml#mar

お礼

初期のスタイルだったんですね。。。
おかげ様で解決できました。ありがとうございました。

回答No.1

partita

h3 {margin:0;padding:0;}を追加。

h3には初期状態で余白が設定されているので、それをゼロにします。

paddingはテキストからborderまでの余白、marginはborderよりさらに外側の余白です。

これらの余白は上下左右個別に設定できますので、そのあたりは自分で調べてみてください。

お礼

ありがとうございました。
他の余白の設定も出来ました！助かりました。