<?xml version="1.0" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head> <title>Try It Out - A sample layout</title> <style rel="stylesheet" type="text/css">h1 { position: fixed; top: 0px; left: 0px; width: 100%; background-color: #666666; padding: 10px; z-index: 2;}div.nav { z-index: 1; position: absolute; top: 60px; left: 0px; width: 100px; height: 300px; padding-left: 10px; padding-top: 20px; padding-bottom: 10px; background-color: #efefef;}h2 { padding-top: 80px; padding-left: 115px;}p { padding-left: 115px;}img { float: left; width: 60px; padding-right: 5px;}ul { clear: left; list-style: circle; padding-left: 145px;}</style></head><body><h1>Cascading Style Sheets</h1> <div class="nav"><a href="">Examples index</a> </div><h2>CSS Positioning</h2> <p class="abstract">this is a test. this is a test. </p> <ul> <li>Normal flow</li> <li>Absolute positioning</li> <li>Floating</li> </ul></body></html>
