Question

Hello Referring to my previous question where I wanted a horizontal list:

Remove extra spaces from CSS inline element

CSS:

display: inline;
list-style-type: none;
padding-right: 7px;
white-space: nowrap;

It is working fine in IE but not in Chrome. So in chrome, list display: inline;
list-style-type: none; are not working, I have a vertical list with dots before each item instead of simple horizontal one.

Thank,
Sara.

Answer 1

I have this setup, and it should work:

    #navBar ul {
        list-style: none;
    }
    #navBar li {
        display: inline;
        margin-right: 15px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12px;
    }

This assumes that the list is inside a div/span that has the id of “navBar”