<!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">
<head>
<title>Simple CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body {background-color: black;}
div.page {background-color: #FFD040;
color: black;
margin: 50px 10px 50px 10px;
padding: 10px 10px;
width: 90%;
height: 90%;}
h1 {font-size: 24pt;
font-family: Comic Sans Ms, Cursive;
text-align: center;}
.blackonwhite {color: black;
background-color: white;}
.whiteonblack {color: white;
background-color: black;}
p {font-family: Arial, Sans-serif;
font-size: 16pt;
line-height: 200%;
text-align: justify;
text-indent: 20px;}
.newstyle {color: blue;
font-family: Arial;
font-style: oblique;}
.bigsize {font-size: x-large;}
#letterspace {letter-spacing: 15pt;}
</style>
</head>
<body>
<div class="page">
<h1><span class="blackonwhite">CSS</span> <span class="whiteonblack">Fun</span></h1>
<hr />
<p>With style sheets, you will be able to control the presentation
of Web pages with greater precision. Style sheets can be used to
set everything from <span class="newstyle">font styles</span> and
<span class="bigsize">sizes</span> to <span id="letterspace">letter
spacing</span> and line heights.</p>
</div>
</body>
</html>