<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>Cascading Style Sheets - Object Positioning</title>
</head>
<body>

<h1>Cascading Style Sheets - Object Positioning</h1>

<div>1. in flow of document</div>
<div style="text-align: right;">2. in flow text-align: right;</div>
<div style="vertical-align: top;">3. in flow vertical-align: top;</div>
<div style="position: absolute; top: 200px; left: 200px;">4. position: absolute; top: 200px; left: 200px;</div>
<div style="position: relative; top: 100px; left: 100px;">5. position: relative; top: 100px; left: 100px;</div>
<div style="position: fixed;    top:  80px; left: 300px;">6. position: fixed;    top: 400px; left: 200px; (try scrolling this page)</div>

</body>
</html>