Different Bullets

 

The following example shows a bullet list with three items.

<ul>
<li>First item
<li>Second item
<li>Third item
< /ul>

This is what it looks like:

• First item
• Second item
• Third item

You can put bullet lists inside bullet lists. The code for the embedded list is given in red in the next example:

<ul>
<li>First item
<ul>
<li>First item of embedded list
<li>Second item of embedded list
<li>Third item of embedded list
< /ul>
<li>Second item
<li>Third item
< /ul>

The result of that code appears below:

 

• First item
• First item of embedded list
• Second item of embedded list
• Third item of embedded list
• Second item
• Third item

There are three different types of bullets

<ul>
<li type=square>First item
<li type=square>Second item
<li type=square>Third item
< /ul>

• First item
• Second item
• Third item

Circles:

<ul>
<li type=circle>First item
<li type=circle>Second item
<li type=circle>Third item
< /ul>

• First item
• Second item
• Third item

You can mix them:

<ul>
<li type=disc>First item
<li type=circle>Second item
<li type=square>Third item
< /ul>

• First item

• Second item

• Third item