如何在两条线之间平均创建边框底部

Question

我有一个：

.menuoptions {
    height:30px;
    width:225px;
    color:#666;
    line-height:40px;
    font-weight:bold;
    padding-left:10px;
    margin-top:-10px;
    border-bottom:solid 1px #FF0000;

}

但我希望每个列表之间的底线相同，而不是直接在单词下方。 这有可能吗？

Fiddle

Answer 1

试试这个：

CSS：

.menuoptions li:not(:last-child){
    border-bottom:solid 1px #FF0000;        
}

DEMO