Html 如何使背景色填充li标记的整个元素

嘿，我有一个水平导航条，我用li标记制作，当我尝试填充“活动”标记的背景时，背景颜色只填充单词周围，而不是整个框`

#菜单栏ul{
列表样式：无；
边际上限：0px；
}
#梅努巴乌利酒店{
浮动：左；
宽度：22%；
字号：36pt；
颜色：红色；
填充顶部：0px；
边框样式：实心；
边框颜色：黑色；
边界宽度：薄；
文本对齐：居中；
左边距：0px；
右边距：0px；
}
#内容h1{
显示：块；
明确：两者皆有；
}
.主动{
背景色：红色；
颜色：黄色；
}

您的解决方案已经起作用了

我用这个简单的html进行了尝试

<div id="menuBar">
<ul >
<li>foo</li>
<li>bar</li>
<li class="active">active</li>
<li>baam</li>
</ul>
</div>

福
酒吧
活动
巴姆

---

此处：

将

设为块元素，问题将得到解决：


正文{
保证金：0；
}
#美努巴保险公司{
列表样式：无；
边际上限：0px；
}
#梅努巴乌利酒店{
浮动：左；
宽度：23%；
字号：36pt；
颜色：红色；
填充顶部：0px；
边框样式：实心；
边框颜色：黑色；
边界宽度：薄；
文本对齐：居中；
左边距：0px；
右边距：0px；
}
#米努巴乌利亚酒店{
显示：块；
}
#内容h1{
显示：块；
明确：两者皆有；
}
.主动{
背景色：红色；
颜色：黄色；
}







请分享你的html。最好是在评论中告知用户，问题中提到的解决方案已经起作用了。哇，没有他的html，你就能知道它工作得很好？当我打开它时，“背景色：”只是在单词本身周围按字面意思填充，而不是整个被border@LukusKantor正如其他人已经建议的那样，为了得到一个有效的答案，请在问题中提及你的HTML。哇，这实际上解决了我遇到的所有问题，网页设计非常愚蠢，我感谢你的帮助谢谢！