Forums

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

Home Forums CSS Are there a way to display OL with numbers horizontally?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23894
    jitendra
    Participant

    Are there a way to display via CSS a horizontal ordered list without miss the order numbers?

    Code:
    1. Link
    2. Link
    3. Link
    4. Link

    I need to show like this :
    1. Link 2. Link 3. Link 4. Link

    Remember i need this on IE6 too.

    #52750
    rebelbwb
    Member

    To the best of my knowledge you would style in much the same way you do with typical horizontal ul menus/navs

    Instead of using

    Code:
    list-style-type: none

    You would use the following for styling:

    Code:
    #nav li {
    display: inline;
    list-style-type: decimal;
    padding-right: 10px;
    }

    Your markup would read something like this:

    Code:

    Hope that helps

    #52768
    iopet
    Member

    Give it a margin, e.g. using TheDoc’s example:

    Code:
    1. Coffee
    2. Tea
    3. Coca Cola
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.