HTML Nested ul Unordered List Bullets

Updated on 13 Feb 2012,
Published on 11 Jul 2008

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 Examples:

You can see the live samples and examples of HTML Basic tags and advanced code from the following links:

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>


You can see the output of above discussed sample code from the following link:

HTML Nested Unordered List Tags

Continue to next tutorial: Using HTML Nested Ordered Lists to learn nesting of HTML unordered ol tags.

0 Responses to "HTML Nested ul Unordered List Bullets"
Leave a Comment
* required
* required
* will not be published
* optional
* hint:
  • Subscribe via Email