Html 如何修复此菜单样式，使文本不与颜色栏重叠

我希望菜单项的文本距离颜色栏稍远一点，但不知道怎么做。在Chrome和IE11中获得相同的结果

.smenua{
显示：块；
颜色：黑色；
填充：16px 1px；
利润率：9px 5px；
文字装饰：无；
宽度：4px；
背景：#18dcff；
}

如果需要“彩色边框”，则还应使用border属性来获得所需的结果。然后，您可以使用

填充定义到它的距离


.smenua{
显示：块；
颜色：黑色；
填充：16px 20px；/*更改此选项可更改距离*/
利润率：9px 5px；
文字装饰：无；
左边框：4px实心#18dcff；
}

如果需要“彩色边框”，则还应使用border属性来获得所需的结果。然后，您可以使用
填充定义到它的距离


.smenua{
显示：块；
颜色：黑色；
填充：16px 20px；/*更改此选项可更改距离*/
利润率：9px 5px；
文字装饰：无；
左边框：4px实心#18dcff；
}

按原样，您的代码容易出现问题。你不应该在你的a上有一个宽度来定义你的背景。您应该使用边框，因为您的代码容易出现问题。你不应该在你的a上有一个宽度来定义你的背景。您应该使用边框。