HTML: Nested lists

This entry is part 9 of 34 in the series HTML

Nested Lists You can nest lists within one another.

In this example, we have a bulleted list embedded within a numbered list.

<!DOCTYPE html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Nested Lists</title>

    <li>British Pop:
            <li>Cold PLay</li>
            <li>Depeched Mode</li>
    <li>American Rock</li>


The bulleted sublist, the <ul> tag, is placed within one of the <li> tags within the numbered <ol> list.

Series Navigation<< HTML: Numbered and bulleted lists
HTML: Changing the bullet or number character >>

Leave a comment

Leave a Reply