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!