HTML bulleted list that is also known as unordered list in HTML can be nested within other HTML unordered list very easily. HTML Nested unordered lists are useful for displaying the important points on page with bullets in front of each sentence. You can create short list of points with bullets of different styles that binds the interest of visitors and urge them to look at the specially formatted points on the pages having large content. CSS style properties provide the functionality to change the bullet styles with attractive images that makes the webpage more readable and increases its look and feel. You can display the nested list of points with bulleted unordered lists and also differentiate each nested unordered list with different bullet styles. To display the nested HTML ul tag along with its own list items created using HTML li tag, inside the paired HTML <li> and </li> tag.

HTML code to display Nested Unordered Lists

<ul type="square">

<li>Main Unordered Bulleted List item 1</li>

<li>

Below is an example of HTML nested unordered list with bullets

<ul type="disc">

<li>nested list item 1</li>

<li>nested list item 2</li>

<li>

Sub nested unordered list

<ul type="circle">

<li>sub nested list item 1</li>

<li>sub nested list item 2</li>

</ul>

</li>

</ul>

</li>

</ul>

Output:

• Main Unordered Bulleted List item 1
  
  
• Below is an example of HTML nested unordered list with bullets
  
  
  • nested list item 1
    
    
  • nested list item 2
    
    
  • Sub nested unordered list
    
    
    • sub nested list item 1
      
      
    • sub nested list item 2