見出しの下には、h1要素のフォントサイズの2倍の余白があります。
段落の間には、p要素のフォントサイズの1.5倍の余白があります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>上下の余白を指定する</title>
<style type="text/css">
<!--
body { background-color: #FEA; color: black; }
h1 { font: 2em "Comic Sans MS"; color: #F64;
margin-bottom: 2em; border: 2px solid #F64; }
p { margin-top: 1.5em; margin-bottom: 1.5em;
border: 1px solid black; }
-->
</style>
</head>
<body>
<h1 lang="en">Cascading Style Sheets</h1>
<p>見出しの下には、h1要素のフォントサイズの2倍の余白があります。</p>
<p>段落の間には、p要素のフォントサイズの1.5倍の余白があります。</p>
</body>
</html>