Ordered lists - letters not aligning correctly

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
mecha_godzilla
Forum Contributor
Posts: 375
Joined: Wed Apr 14, 2010 4:45 pm
Location: UK

Ordered lists - letters not aligning correctly

Post by mecha_godzilla »

Hi,

This is a real simple one I guess...hell, I've only been using HTML for 14 years :)

For the first time in my career I've had to use ordered lists today (of type "A" for upper class letters where the bullet points should be) but can't seem to find the right code to align the letters correctly so that they're in a straight (vertical) line. I'm only going up to F so in theory I could either centre or left-justify them, but at the moment neither option seems to work.

What I preview the page in Firefox the letters all look out compared to each other by a couple of pixels or so. Also, the letters appear a couple of pixels lower than the text in <li></li> tags - I've removed all styling from them so this seems to be Firefox's default rendering :lol:

Any suggestions please?

Mecha Godzilla
ofir0803
Forum Newbie
Posts: 22
Joined: Sun Jan 18, 2009 3:03 pm

Re: Ordered lists - letters not aligning correctly

Post by ofir0803 »

try reseting it with:

Code: Select all

ol{padding:0;margin:0;}
User avatar
mecha_godzilla
Forum Contributor
Posts: 375
Joined: Wed Apr 14, 2010 4:45 pm
Location: UK

Re: Ordered lists - letters not aligning correctly

Post by mecha_godzilla »

Thanks for that - I'll try this later on and report back :)

M_G
Post Reply