- ベストアンサー
見出しと水平線を空白なしで表示させたい
初心者なので教えてください。 見出しをつけて水平線を引いてみたのですが 間の空白をなくして表示させるにはどうしたらいいですか？
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
ブラウザ上で一行空きになってしまっているのでしょうか。でしたら、CSSで指定してやれば調整できます。 <meta http-equiv="Content-Style-Type" content="text/css"> <style><!-- h1{margin-top: 0em; margin-bottom: 0em; line-height: 1.5em; font-size : 14pt; } --></style> を、<head></head>内に入れてみて下さい。 多分行間が狭まると思うのですが…。
その他の回答 (3)
- k_jill
- ベストアンサー率34% (36/105)
#2です。余計な指定が入り込んでいたので訂正を。 line-height: 1.5em; font-size : 14pt; の部分は文字サイズと行間の指定なので今回は必要ないですね、済みませんでした……！
- steelgreen
- ベストアンサー率50% (50/100)
もし、見出しとしているテキストに下線を引きたい のであれば下の方法をどうぞ。 h1{ width:300px; border-bottom{ 1px solid #000000; } 最初のwidthは見出しの横幅を決めます。 見出しの真下に引かれる下線も同じ幅になります。 二行目の1pxは下線の太さ、solidは線の種類（この場合は 普通の線）、#000000は線の太さです。
お礼
ありがとうございます。 とてもわかり易く、勉強させていただきました。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<H3>見出し</H3> <hr> ということですか？ 間の空白ってどこの部分を言うのですか？
補足
はい。IEで見ると 見出し 水平線 となってます。これを 見出し 水平線 というふうにしたいのですが。。
お礼
ありがとうございます。 解決しました。