How to Create a Nested List in HTML

Co-authored by Christopher Batchelor

Last Updated: June 5, 2023

Although ordered and unordered lists are easy, these lists combine the powers of both, to create the ultimate in lists in HTML codes. This article will help you out to create one for the ultimate in thrills from this type of HTML list.

Steps

Download Article

Advertisement
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. 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.
6
End the full outer list or, if you have further indentations, type these lists too (while not ending the previous lists).
- 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).

Community Q&A

Search

Add New Question

Question

How do I place bullets on a list in HTML?

Community Answer

Rather than opening with the simple Unordered List tag, type replacing 'square' with the type of bullet you want.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 11 Helpful 16

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Video

Tips

Although a nested list is tough to decipher at first glance, a thorough look at sites that contain these lists, you'll see they are really easy. Repetitive motions to read their source code, will help make you understand these lists better.

Thanks
Helpful 1 Not Helpful 1