<html>
<head>
<title>Example 5</title>
<!-- Place the image greenBullet.gif in a folder named images. -->
</head>
<body style="background-color:#FFF8F8">
<h1 align="center">Example 5 -- Lists</h1>
<h3>Ordered List Of Top Five Romantic Movies</h4>
<ol style="list-style-type:lower-decimal">
<li>Casablanca</li>
<li>Dr. Zhivago</li>
<li>The Way We Were</li>
<li>Love Story</li>
<li>Ghost</li>
</ol>
<h3>An Unordered List</h4>
<ul style="list-style-type:disc">
<li>An item.</li>
<li>Another item.</li>
<li>Yet another item.</li>
</ul>
<h3>An Unordered List with Custom Bullets</h4>
<ul style="list-style-image:url(images/greenBullet.gif)">
<li> An item.</li>
<li> Another item.</li>
<li> Yet another item.</li>
</ul>
<h3>A Nested List</h4>
<ul style="list-style-type:upper-alpha">
<li>Cat
<ul style="list-style-type:decimal">
<li>Cougar</li>
<li>Domestic Cat</li>
<li>Leopard</li>
<li>Lion</li>
<li>Tiger</li>
</ul>
</li>
<li>Horse</li>
<li>Mouse</li>
<li>Wolf</li>
</body>
</html>