Chrome Ordered Lists Centered, but numbers dont follow

[mikeman]

I cant provide a link at this time, but hopefully someone knows this issue and the fix for it.

I have a Numbered OL on my site, and this OL is also centered on the page.

The numbers, are left behind, off to the left of the page, while the actual content of the OL is centered properly

something like this

1.

---

Hello there
2.

---

Nice list!

The Hyphens, being the Space between…

i sure hope people stop making new browsers…. pretty ridiculous

[TheDoc]

Wow, that is totally ridiculous! I guess I’ve never needed to do that before. It’s a bit of a head scratcher, I’m sure there’s a way around it, I just can’t think of it!

[fabiopb]

you will need to use:
padding-left: 40px;

obviously the number is up to you. try that with the ol property in your css.

if you want to further indent the actual list item i.e. hello there, etc, i tend to then use text-indent.

hope this helps. fb

[joshuanhibbert]

@TheDoc It isn’t actually, as I am assuming that @mikeman is simply using text-align: center; to center the list items (which is then expected behaviour).

If you use this, it works as expected: http://jsfiddle.net/joshnh/qXxcP/

EDIT: Just noticed that this thread isn’t current, my apologies.

[Author]

Posts