Print Page | Close Window

formatting a list using css

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=30841
Printed Date: 27 March 2026 at 11:31pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com


Topic: formatting a list using css
Posted By: RCorr
Subject: formatting a list using css
Date Posted: 13 September 2013 at 12:11pm
Hello,

Is there a way to format an ordered/unordered list through css so the result looks like this

A) item 1
B) item 2
C) item 3
 etc.

Thanks



Replies:
Posted By: MEOWPLATES
Date Posted: 08 May 2015 at 6:40pm
Hey RCorr,

I've never even tried it myself but what'dya know! 

If you apply this to your list(probaly with a more specific selector) then it'll go through the alphabet, and once it hits 26 you'll get double letters, so aa, ab, ac, etc :) 

li {
  1. list-style-type: lower-latin;
}

OR if you wanted it all in capitals instead of lower case, use this:

li {
  1. list-style-type: upper-latin;
}

Enjoy! 

If you want to learn some more HTML, CSS or even the basics of JavaScript - 
have a look at our tutorials www.meowplates.co.uk/web-tutorials


Posted By: kingmills
Date Posted: 04 June 2015 at 3:40pm
The way to do it would be:

<ol type="A">
<li>item one</li>
<li>Item two</li>
</ol>



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.08 - https://www.webwizforums.com
Copyright ©2001-2026 Web Wiz Ltd. - https://www.webwiz.net