HTML Nested Unordered List Tags

In the previous sample we learnt the advanced HTML coding for nested ordered list tags. In this sample we will learn the HTML coding trick for creating the nested Unordered list ul tags inside each other to display the sub listing of list items. To display the sub items of any unordered list item you can place the HTML ul li listing tag inside the HTML li tag of parent unordered list item. You can use the attributes of HTML ul or li tag to differentiate the type of bullet displayed in front of each sub list items for example: circle, disc or square.

Try the sample below to learn and practice the advanced HTML code for nested unordered list tags:

Edit this code and click update to view output
OUTPUT: