The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Chrome Ordered Lists Centered, but numbers dont follow

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #36178

    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


    Hello there

    Nice list!

    The Hyphens, being the Space between…

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


    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!


    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


    @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:

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.