Html css菜单第二行缩进，不影响背景悬停颜色缩进

非常简单，但也非常恼人，因为我似乎无法将悬停上的颜色与第二个菜单项“家庭治疗”--文本第二行的样式分离开来

我想让菜单看起来像第一个菜单，但第二行文本与其他菜单项一样对齐。。。。我已经包括了尽可能清晰的图片

以前---

这是我到目前为止所做的，但它阻止了悬停颜色跨越左边的空间，我不想这样做，只缩进文本的第二行

css当前看起来像这样

}
 #subnav ul li
 {
background:#5c0917;
line-height:28px;
    border-bottom:1px solid #fff;
border-top:1px solid #fff;
outline: none;
list-style-position: outside;


}
#subnav ul li a
{
text-decoration:none;
color:#FFF;
display:block;
outline: none; 
text-align:left;
text-indent:15px;


}
#subnav ul li a:hover
{
background:#d40203;
outline: none; 



}

#subnav ul li#active
{
background:#d40203;
outline: none;

}

#subnav ul li#subtwo {color:#ffffff ;}

#subnav ul li#subone a:hover{color:#ffffff; background-color: #1e3435;}
#subnav ul li#subtwo a:hover{color:#ffffff; background-color: #33342b;text-align:left;}
#subnav ul li#subthree a:hover{color:#ffffff; background-color: #34212b;}
#subnav ul li#subfour a:hover{color:#ffffff; background-color: #1e2141;}
#subnav ul li#subfive a:hover{color:#ffffff; background-color: #301e41;}

---

不要给出

文本缩进

，而是给出

左侧填充：15px

。因此，您的

#subnav ul li a

风格应该是：

#subnav ul li a {
  padding-left: 15px;
}

---

从中删除

文本缩进：15px

。

制作小提琴怎么样？我不知道你的意思？