<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Link the style outside html document</title> <link href="1-2.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1>CSS Collection</h1> <h2>Showcase of CSS Web Sites</h2> </div> <div id="content"> <h3>Content Page Title</h3> <p class="title">Content Item Title</p> <p class="content">Content goes here.</p> </div> <div id="navigation"> <h3>List Stuff</h3> <a href="http://www.navioo.com/">Submit a site</a><br /> <a href="http://www.navioo.com/">CSS resources</a><br /> <a href="http://www.navioo.com/">RSS</a><br /> <h3> Stuff</h3> <a href="http://www.navioo.com/">Home</a><br /> <a href="http://www.navioo.com/">About</a><br /> <a href="http://www.navioo.com/">Blog</a><br /> <a href="http://www.navioo.com/">Services</a><br /> </div> <div id="blipverts"> <h3>Ads go here.</h3> </div> <div id="siteinfo"> <p class="footer">Copyright 2006</p> </div></body></html>body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; padding: 0;}#banner { margin-top: 0; margin-bottom: 0; background-color: #900; border-bottom: solid 1px #000; padding: 5px 5px 5px 10px; line-height: 75%; color: #fff;}#sub_banner { background-color: #ccc; border-bottom: solid 1px #999; font-size: .8em; font-style: italic; padding: 3px 0 3px 10px;}#content { position: absolute; margin-left: 18%; width: 40%; top: 100px; padding: 5px;}#nav1 { position: absolute; width: 30%; left: 60%; top: 100px; padding: 5px;}#nav2 { position: absolute; padding: 5px 5px 5px 10px; top: 100px; width: 15%;}#footer { text-align: center; padding-top: 7em;}.warning { font-weight: bold; color: red;}.title { font-size: 120%;}.content { font-family: Verdana, Arial, sans-serif; margin-left: 20px; margin-right: 20px;}.footer { font-size: 75%;}
