How to Change the Bullet Style of your Ordered List

The default bullet for an ordered list
  1. is a regular decimal number
  2. as shown in these two bullets
You can easily change your style to upper-alpha, lower-alpha, upper-roman, lower-roman, or none. Just edit the HTML and change the OL tag as follows.
  1. For upper-alpha, the OL tag should be written as follows
  2. <ol style="list-style: upper-alpha">
  1. For lower-alpha, the OL tag should be written as follows
  2. <ol style="list-style: lower-alpha">
  1. For upper-roman, the OL tag should be written as follows
  2. <ol style="list-style: upper-roman">
  1. For lower-roman, the OL tag should be written as follows
  2. <ol style="list-style: lower-roman">
  1. And for no number at all, the OL tag should be written as follows
  2. <ol style="list-style: none">
Cheers!

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

1 comment:

  1. I don't know HTML very well, but your instructions are very clear. Maybe I'll try and spruce up my posts a bit when my blog goes live. Cheers back to ya.

    ReplyDelete