相対的な位置に配置する

position: relative
top: 距離
bottom: 距離
left: 距離
right: 距離
 ←相対配置であることを示す
←上からの位置
←下からの位置
←左からの位置
←右からの位置

「position: relative」と距離を指定するプロパティは指定された要素を
本来表示されるべき位置から相対的に移動させて配置します。
この後に続く要素は、指定された要素が本来の位置に表示されている場合と同様に配置されます。
top プロパティは上から下へ移動させる距離、bottom プロパティは下から上へ移動させる距離、
left プロパティは左から右へ移動させる距離、right プロパティは右から左へ移動させる距離を指定します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>CSS覚書</TITLE>
<STYLE type="text/css">
<!--
body {
color: #ff6600;
background: #ffffff
}
h2 {
font: bold 60px arial, sans-serif;
text-aligm: center;
margin-bottom: 0;
color: #99ccff;
background: #ffffff
}
p {
position: relative;
top: -90px;
font: bold 20px "MS Pゴシック",osaka,sans-serif;
text-align: center;
margin-top: 0;
color: #000000;
background-color: transparent
}
h1 {
text-align: center;
color: #ff6600
}
-->
</STYLE>
</herd></HEAD>
<body>
<h1>相対的な位置に配置する</h1>
<center>
<H2>POSITION<br>RELATIVE</ｈ2>
<P>普通の配置位置から<br>相対的に移動します。</P>

</body>
</html>