絶対的な位置に配置する

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

「position: absolute」と距離を指定するプロパティは指定された要素を絶対的な位置で指定押して配置します。
この指定をすると、その部分は通常の配置とは別に扱われるようになる為、
他の要素の配置には一切影響を与えなくなります。
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: #000000;
background: #ffffff url(http://www5b.biglobe.ne.jp/~donbey/grid.GIF)
}
p {
position: absolute;
top: 150px;
left: 250px;
width: 200px;
height: 100px;
margin: 0;
padding: 25px;
font-weight: bold;
color: #ffffff;
background: #ff3300
}
h1 {
text-align: center;
color: #ff6600
}
-->
</STYLE>
</herd></HEAD>
<body>
<h1>絶対的な位置に配置する</h1>
<h2 align="center">絶対配置</h2>
<p>
上から150ピクセル<br>
左から250ピクセル
</p>
</body>
</html>