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


    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.


    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