<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>3 Column Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { margin:0; padding:0; }
BODY { background-color:#651;
font-size:16px; }
a { color:#807859;
text-decoration:none; }
a:hover { text-decoration:underline; }
#header { background-color:#BFAC60;
padding:8px; }
#left { float:left;
width:200px;
padding:8px;
background-color:#dc8; }
#right { float:right;
width:200px;
padding:8px;
background-color:#dda }
#center { margin-right:215px;
margin-left:215px;
padding:8px;
background-color:#eec; }
#footer { clear:both;
background-color:#CCC08F;
padding:8px; }
</style>
</head>
<body>
<div id="header"><h1>3 Columns - 3 Divs</h1></div>
<div id="left">Float Left</div>
<div id="right">Float Right</div>
<div id="center">Center Content</div>

<div id="footer"><a href="http://www.shadow-fox.net">Back to the article</a></div>
</body>
</html>