css - 如何在 div 中的元素上使用忽略填充

Question

我有文字和<hr>在 div 中垂直交替，我添加了 padding-left到 div，但我不希望单词之间的水平线受到填充的影响。

有没有办法排除它们？

.menuoptions {
    height:30px;
    width:225px;
    color:#666;
    line-height:30px;
    font-weight:bold;
    padding-left:10px;
}

我试过了 .menuoptions hr {...}并添加负填充，但不足为奇的是，它没有用。

示例:Fiddle

Answer 1

你不能排除它们本身，负填充是一个禁忌，但你可以在 <hr> 上使用负边距。

See updated fiddle