When creating a list on your website, you can change the style of your bullets by adding attributes to your <LI> tag. You can even use images as bullets!

LIST TYPE 1: Code

• List item 1
• List item 2
• List item 3

LIST TYPE 2: Code

• Your text goes here
  • Your text goes here
  • Your text goes here
  • Your text goes here
• Your text goes here
• Your text goes here

LIST TYPE 3: Code

1. List item 1
2. List item 2
3. List item 3

LIST TYPE 4: Code

1. List item 1
2. List item 2
3. List item 3

LIST TYPE 5: Code

1. List item 1
2. List item 2
3. List item 3

LIST TYPE 6: Code

• List item 1
• List item 2
• List item 3

LIST TYPE 1:

<!— begin code here –>
<UL>
<li type=”circle”>List item 1
<li type=”square”>List item 2
<li type=”disc”>List item 3
</UL>
<!— end code here –>

LIST TYPE 2:

<!— begin code here –>
<UL>
<li>Your text goes here
<UL type=”circle”>
<li>Your text goes here
<li>Your text goes here
<li>Your text goes here
</UL>
<li>Your text goes here
<li>Your text goes here
</UL>
<!— end code here –>

LIST TYPE 3:

<!— begin code here –>
<ol type=a>
<LI>List item 1
<LI>List item 2
<LI>List item 3
</ol>
<!— end code here –>

LIST TYPE 4:

<!— begin code here –>
<ol type=A>
<LI>List item 1
<LI>List item 2
<LI>List item 3
</ol>
<!— end code here –>

LIST TYPE 5:

<!— begin code here –>
<ol type=I>
<LI>List item 1
<LI>List item 2
<LI>List item 3
</ol>
<!— end code here –>

LIST TYPE 6:

<!— begin code here –>
<UL style=”list-style-image: url(http://yourdomain.com/checkbox.gif)”>
<LI>List item 1
<LI>List item 2
<LI>List item 3
</ul>
<!— end code here –>