<!DOCTYPE html>
<html>
<!-- EXPECTED REULTS: The quote should appear as indicated in three different places in the window -->
<head>
<title>Setting Different Positioning</title>
<style type="text/css">
div {border-style:solid; border-width:2}
#stat {position:static; font:bold 20pt verdana; color:red;}
#abs {position:absolute; top:25px; left:375px; width:260px; font:bold 35pt helvetica; color:green;}
#rel {position:relative; top:40px; left:15px; width:400px; font:bold 12pt times; color:blue;}
#rel2 {position:relative; top:20px; left:-15px; font:bold 12pt times; color:blue;}
#fix {position:fixed; top:160px; left:50px; width:180px; font:bold 20pt courier; color:black;}
</style>
</head>
<body>
<div id="stat">This line is placed using normal (i.e. static) flow</div>
<div id="abs"> This line is placed using absolute positioning</div>
<div id="rel"> This line is placed using <span id="rel2" style="color:navy">relative</span> positioning</div>
<div id="fix"> This line is placed using fixed positioning</div>
</body>
</html>