java - CSS コードの一部が Chrome で機能しない

Question

こんにちは、水平リストが必要だった以前の質問を参照してください。

CSS インライン要素から余分なスペースを削除する

CSS:

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

IE では正常に動作しますが、Chrome では正常に動作しません。クロムでは、リスト表示：インライン; リスト スタイル タイプ: なし。機能していません。単純な水平リストではなく、各項目の前にドットが付いた垂直リストがあります。

ありがとう、サラ。

Answer 1

私はこのセットアップを持っています、そしてそれはうまくいくはずです:

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

これは、リストが「navBar」の id を持つ div/span 内にあることを前提としています。