HTML and CSS Reference
In-Depth Information
Example 2.15: nested ordered and unordered lists
<!DOCTYPE html>
<html>
<head>
<title>Example 2.15</title>
</head>
<body style="margin: 36px">
<h1>
The Autobiography Of A Biographer
</h1>
<hr/>
<h2>
Table of Contents
</h2>
<!--
use headings for major sections
-->
<ol>
<li>
Introduction
</li>
<li>
Early Years
<ul>
<!--
use bullets for this level
-->
<li>
The Joy of Writing
</li>
<li>
Meeting Interesting People
</li>
</ul>
</li>
<li>
The Major Biographical Works
</li>
</ol>
</body>
</html>
Figure 2.15 shows how this example appears in a browser.
Figure 2.15: nested lists