第二行文本上的导航文本缩进

Question

我需要在此下拉菜单中缩进第二行文字。问题是我通常使用填充和负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;}