水平線hrの位置 CSS

質問

スタイルシートcssについて
大きい文字h2などの下に、水平線hrを表示させたいです。
しかし、水平線と上にある文字の間にある空白が大きすぎて不自然です。（h2のせいだと思います）
どのようにすれば、空白を埋める事ができますか？

よろしくお願いします。

回答No.1

SAYKA · ベストアンサー

h2自体に空白が設定されているまたは無指定なら、そうなるね。
h2の設定の後に　h2の「直後」のhr　が詰める指定をしたら良いよ(セレクタ、という単語辺りで調べたら出てくると思う)

http://www.google.com/search?hl=ja&q=css%20%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF

お礼

早速のご回答ありがとうございます。
セレクタについて勉強してみます。

回答No.2

outbrave

最近の傾向として、hr は使用せず h2 に border を表示させていますね。

例）
h2 {
border-bottom : solid 1px #000;
padding-bottom : .5em;
}