PayneLess Designs: Scroll Boxes - Side by Side

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<title>Scroll Boxes - Side by Side</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head><body>
<h1>Scroll Boxes - Side by Side</h1>
<p>Uses inline CSS.</p>
<div style="width: 1600px; height: 680px; margin: 0 auto;">

<div style="width: 785px; height: 340px; float: left; border: 1px solid #f00; padding: 5px; text-align: left; color: #06f500; overflow: auto; font-family: arial; font-size: 25px; font-style: normal; font-weight: normal; background: #000;">A red scroll box...</div>

<div style="width: 785px; height: 340px; float: right; border: 1px solid #0f0; padding: 5px; text-align: left; color: #00f5ec; overflow: auto; font-family: arial; font-size: 25px; font-style: normal; font-weight: normal; background: #000;">A green scroll box...</div>

</div>
</body></html>