<html>
<head><title>Test Page</title>
<style type="text/css">
body {background:#fff url(filename.jpg) repeat-x;}
#container {width:960px; margin:0 auto;}
#header {background-color:coral;}
#content {background:blue;}
#footer {background:orange;}
#nav {height:35px;padding:5px 5px;margin:0;}
#nav li {float:left; margin-right:20px; list-style:none; background:red; padding:4px 8px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#nav li a {text-decoration:none;font-weight:700;}
#nav li:hover {text-decoration:underline;background:yellow;}
#nav li:hover a {text-decoration:underline;}
#login {float:right;padding:0;margin:0;margin-top:-10px;}
</style>
</head>
<body>
<div id="container">
<div id="header">
<span id="login"><p>Login Register</p></span>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<h1>HTML Ipsum Presents</h1>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ol>
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
<h3>Header Level 3</h3>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ul>
<pre><code>
#header h1 a {
display: block;
width: 300px;
height: 80px;
}
</code></pre>
</div>
<div id="footer"><p>This is the footer information.</p></div>
</div>
</body>
</html>