css - テキストの 2 行目にあるナビゲーション テキストのインデント

Question

このドロップダウン ナビゲーション メニューの 2 行目のテキストをインデントする必要があります。text-ident問題は、通常、パディングと負の値を組み合わせて行うことです。ただし、このメニューでは左側の色にパディングを使用しています。このスタイルと外観をすべて維持する必要がありますが、テキストのインデントが必要です。「ホーム」ボタンの下にサンプルの長い行があります。

http://jsfiddle.net/trevoray/VZ7qD/20/

どんな助けでも大歓迎です。

ありがとう！

トレバー

.nav li > ul > li {
    margin-bottom: 2px;
    background: #0f2992;
    padding-left: 20px;
    border: #0f2992 solid 1px;
}

Answer 1

.nav li > ul > li > a{
    padding:5px 3px 5px 10px;
    text-indent:-7px;
}

Answer 2

または、インデントされたすべてのulにクラスをスローします

#navMenu ul.indentedNav {margin-left:20px;}