<!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">

<head>
  <title>Your Page Title</title>
  <style type="text/css">
  /*<![CDATA[*/
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
  }
  h1 {
    color: #696969;
    font-size: 20pt;
  }
  h2 {
    color: #4682B4;
    font-size: 15pt;
  }
  .author {
    font-size: 8pt;
    font-style: italic;
  }
  .box {
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFCC;
    border-radius: 5px;
    padding: 10px;
  }
  /*]]>*/
  </style>
</head>

<body>

<h1>Your Page Title</h1>

<h2>Subtitle Goes Here</h2>

<p>This page demonstrates how an HTML elements can be formatted using
cascading style sheet code (CSS) embedded right in the HTML document.</p>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exercitation ulliam corper suscipit lobortis nisl ut aliquip ex
ea commodo consequat.</p>

<p class="box">This paragraph is formatted using class.</p>

<p class="author">Author and copyright information goes here.</p>

</body>

</html>
