<!-- ***********************************************************
Example 3-2
"Dynamic HTML:The Definitive Reference"
2nd Edition
by Danny Goodman
Published by O'Reilly & Associates ISBN 1-56592-494-0
http://www.oreilly.com
Copyright 2003 Danny Goodman. All Rights Reserved.
************************************************************ -->
<html>
<head>
<title>Free Range Class</title>
<style type="text/css">
p {font-size:14px; margin-left:2em; margin-right:2em}
p.narrow {color:red; margin-left:5em; margin-right:5em}
.hot {color:red; text-decoration:underline}
body {font-family:Arial, sans-serif}
</style>
</head>
<body>
<h1 class="hot">Get a Load of This!</h1>
<p>
This is a normal paragraph. This is a normal paragraph. This is a normal
paragraph. This is a normal paragraph. This is a normal paragraph.
</p>
<div class="hot">
<p class="narrow">
This is a paragraph to be set apart with wider margins and red color. This is a
paragraph to be set apart with wider margins and red color. This is a paragraph
to be set apart with wider margins and red color.
</p>
</div>
<p>
This is a normal paragraph. This is a normal paragraph <span class="hot">but with a
red-hot spot</span>. This is a normal paragraph. This is a normal paragraph. This
is a normal paragraph.
</p>
<p class="narrow">
This is a paragraph to be set apart with wider margins and red color. This is a
paragraph to be set apart with wider margins and red color. This is a paragraph
to be set apart with wider margins and red color.
</p>
</body>
</html>
|
