How to Change the Bullet Style of your Unordered List

The default bullet for an unordered list

• is the black disc
• as shown in these two bullets

You can easily change your style to circle, square, or none. Just edit the HTML and change the UL tag as follows.

• For a circle, the UL tag should be written as follows
• <ul style="list-style: circle">

• For a square, the UL tag should be written as follows
• <ul style="list-style: square">

• For no bullets, the UL tag should be written as follows
• <ul style="list-style: none">

Cheers!

If this post has been helpful, please consider linking to our blog or sharing!