none
Unordered list layout landscape RRS feed

  • Question

  • Hi...

    I can not remember how you get an unordered list to layout horizontal for navigation.  Thanks for the help

    Peter

    Wednesday, August 5, 2015 8:26 PM

All replies

  • Easy, just assign display:inline to the list items. Here's an example:

    #mynav ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    }

    #mynav ul li { display: inline; }

    You can add pipe symbols between as separators, or use right borders, etc.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.

    Wednesday, August 5, 2015 9:33 PM