#1 November 20, 2014 12:32pm

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?

Offline

#2 November 20, 2014 1:09pm

timbuckingham
Administrator
From: Baltimore, MD
Registered: April 2, 2012
Posts: 949

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.

Offline

#3 November 20, 2014 4:55pm

acutair
Member
Registered: November 5, 2014
Posts: 27

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

Incredible - works great! Thanks much, Tim.

Offline

Board footer

Powered by FluxBB

The Discussion Forum is not available on displays of this size.