Web Wiz - Solar Powered Eco Web Hosting

  New Posts New Posts RSS Feed - formatting a list using css
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Topic Closedformatting a list using css

 Post Reply Post Reply
RCorr View Drop Down

Joined: 21 January 2003
Status: Offline
Points: 126
Direct Link To This Post Topic: formatting a list using css
    Posted: 13 September 2013 at 12:11pm

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

Back to Top

Joined: 08 May 2015
Location: Yorkshire, UK
Status: Offline
Points: 5
Direct Link To This Post 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;


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
Back to Top
kingmills View Drop Down

Joined: 04 June 2015
Location: London
Status: Offline
Points: 2
Direct Link To This Post 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>
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.05
Copyright ©2001-2022 Web Wiz Ltd.

Become a Fan on Facebook Follow us on Twitter Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2023 Web Wiz Ltd. All rights reserved.