This page is displayed in an iframe
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS</title>
<meta charset="utf-8">
<style>
#wrapper { width: 100%;
background-color: #00c2e0;
overflow: auto; }
#toprow {float: top; height: 30px;}
#bottomrow {margin-top:30px;}
ul {list-style-type: none; margin-top: 0px;}
li {display:inline; padding-right: 50px; font-size: 0.7em;}
a {text-decoration: none;}
#toprow h1 {margin:5px;}
</style>
</head>
<body>
<div id ="wrapper">
<div id="toprow">
<h1>Design Page in Two Rows</h1>
<ul>
<li><a href="demo1.html" target="bottom">Home</a></li>
<li><a href="http://www.loc.edu" target="bottom">LOC</a></li>
</ul>
</div>
<div id="bottomrow">
<iframe src="demo1.html" width="100%" height="600" name="bottom">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
</div>
</body>
</html>