How to Create a Nested List in HTML

Step-by-Step Guide

1. 1

   Step 1: Learn how to Make a List in HTML.

   Don't clear the initial list with a </ol> or </ul> tag yet.
   
   Also, don't denote a separate list item, if it has no label to go along with it.
   
   Sometimes, looking at the code, you can see that this new list is a nested list. , Denote the list using either the <ul> or <ol> tag and enter your list items. ,, If you need to bring more bullet points outwards a level after you are finished, end the list and type another list item without typing a brand new ordered list or unordered list-tag. , Type the ending tag for the ordered tag or unordered tag (in a reverse fashion, from inner-most to outer-most fashion).
2. 2

   Step 2: Learn that a nested list is just an outline of a list with indentations and other lists inside a big list.

3. 3

   Step 3: Create the first part of the list up to the point where you'd like the indentation nested list to be placed/begin and press ↵ Enter.

4. 4

   Step 4: Create the new indented sub-list using the format for the type of list you'd like.

5. 5

   Step 5: End this inner/indented list type.

6. 6

   Step 6: End the full outer list or

7. 7

   Step 7: if you have further indentations

8. 8

   Step 8: type these lists too (while not ending the previous lists).

9. 9

   Step 9: Bring the document to a close.

Detailed Guide

About the Author