段落と見出しの隙間をなくす

■動作ブラウザ　【 IE:4.0　 NN:6.0】　■CSSバージョン【1】
Internet Explorer Netscape Navigator iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 7.0 2.x 1.0
Windows × ○ - ○ ○ ○ × × × ○ ○ -
Macintosh × × × ○ - - × × × ○ ○ × ○
UNIX - - - - - - × × × ○ ○ -

ポイント
h1 { margin-bottom:0px; background-color:orange; }
p { margin-top:0px; border:1px orange solid; }
説　　明 段落と見出しの隙間をなくすには見出しの下の余白を０ピクセル、段落の上の余白を０ピクセルにします。
サンプル <html>
<head>
<title>段落と見出しの隙間をなくす</title>
<style type="text/css"><!--
h1 { margin-bottom:0px; background-color:orange; }
p { margin-top:0px; border:1px orange solid; }
--></style>
</head>
<body>
<h1>■h1見出し</h1>
<p>段落です。ここはpタグになっています。ここの部分が枠線で囲まれます。また、見出しとの隙間がなくなっているはずです。
</p>
</body>
</html>
補足説明 Opera 6以降でも動作します。

■サンプルを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!