• ベストアンサー

見出しと水平線を空白なしで表示させたい

初心者なので教えてください。 見出しをつけて水平線を引いてみたのですが 間の空白をなくして表示させるにはどうしたらいいですか？

  • HTML
  • 回答数4
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • k_jill
  • ベストアンサー率34% (36/105)
回答No.2

　ブラウザ上で一行空きになってしまっているのでしょうか。でしたら、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>内に入れてみて下さい。 多分行間が狭まると思うのですが…。

makoshi
質問者

お礼

ありがとうございます。 解決しました。

すると、全ての回答が全文表示されます。

その他の回答 (3)

  • k_jill
  • ベストアンサー率34% (36/105)
回答No.4

#2です。余計な指定が入り込んでいたので訂正を。 line-height: 1.5em; font-size : 14pt; の部分は文字サイズと行間の指定なので今回は必要ないですね、済みませんでした……！

すると、全ての回答が全文表示されます。
回答No.3

もし、見出しとしているテキストに下線を引きたい のであれば下の方法をどうぞ。 h1{ width:300px; border-bottom{ 1px solid #000000; } 最初のwidthは見出しの横幅を決めます。 見出しの真下に引かれる下線も同じ幅になります。 二行目の1pxは下線の太さ、solidは線の種類（この場合は 普通の線）、#000000は線の太さです。

makoshi
質問者

お礼

ありがとうございます。 とてもわかり易く、勉強させていただきました。

すると、全ての回答が全文表示されます。
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<H3>見出し</H3> <hr> ということですか？ 間の空白ってどこの部分を言うのですか？

makoshi
質問者

補足

はい。IEで見ると 見出し 水平線 となってます。これを 見出し 水平線 というふうにしたいのですが。。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する