Discussion Forum

acutair

Member

Registered: November 5, 2014

Posts: 27

Denoting ordered lists with letters (instead of arabic numerals)

Another (hopefully easy) question: I'd like to style some bulleted lists with letters to denote the list items instead of the default numbering. Like this:

a. test1
b. test2
c. test3

Here's my code:
<ol type="a">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

The page renders with numbers, though:

1. test1
2. test2
3. test3

Any way to override the default <ol> style, here?

timbuckingham

Administrator

From: Baltimore, MD

Registered: April 2, 2012

Posts: 978

Re: Denoting ordered lists with letters (instead of arabic numerals)

You're looking for the CSS list-style-type property:
http://www.w3schools.com/cssref/pr_list-style-type.asp

The "lower-alpha" value should work.

acutair

Member

Registered: November 5, 2014

Posts: 27

Re: Denoting ordered lists with letters (instead of arabic numerals)

Incredible - works great! Thanks much, Tim.