Nested list sample 1
|
These are html tags you type.
<ol>
<li>
First item text
<ul>
<li> Bulleted item </li>
<li> Bulleted item </li>
</ul>
</li>
<li>
Second item text
<ul>
<li> Bulleted item </li>
<li> Bulleted item </li>
</ul>
</li>
</ol>
Note:
- The nested list is contained in the <li> </li> tags
-
The tags are carefully indented.
It is MUCH easier to read the page source if you indent the contents of the container tags.
- Put the closing tag at the end of the same line with the opening tag, OR
- Align the closing tag directly below the opening tag, and indent the contents.
- Use 2 or 3 spaces for the indent.
-
I did not specify the type for the lists in this note.
I noticed the included list has a different default type in the Firefox browser.
|
The resulting web page shows lists embedded in a list.
-
First item text
- Bulleted item
- Bulleted item
-
Second item text
- Bulleted item
- Bulleted item
|
|
|