HTML and CSS Reference
In-Depth Information
7.4. Nesting Lists
Except when placed inside directories or menus, lists nested inside other
lists are fine. You can embed menu and directory lists within other lists.
Indents for each nested list are cumulative, so do not nest lists too
deeply; the list contents could quickly turn into a thin ribbon of text flush
against the right edge of the browser document window.
7.4.1. Nested Unordered Lists
The items in each nested unordered list may be preceded by a different
bullet character at the discretion of the browser. For example, Internet
Explorer displays an alternating series of hollow, solid circular, and
square bullets for the various nests in the following source fragment, as
shown in
Figure 7-6
:
<ul>
<li>Morning Kumquat Delicacies
<ul>
<li>Hot Dishes
<ul>
<li>Kumquat omelet</li>
<li>Kumquat waffles
<ul>
<li>Country style</li>
<li>Belgian</li>
</ul>
</li>
</ul>
</li>
<li>Cold Dishes
<ul>
<li>Kumquats and cornflakes</li>
<li>Pickled Kumquats</li>
<li>Diced Kumquats</li>
</ul>
</li>
