Html 元素之间的距离菜单

Html 元素之间的距离菜单,html,css,Html,Css,我想在菜单项之间创建一个距离 这是CSS代码: .menu-item a img { border:none; box-shadow:none; vertical-align:middle; width:auto; padding-left:20px; } 这是网站 我设法在元素之间创建了一个距离,但当把箭头悬停在菜单上时。。。影响在别处 我应该怎么做才能正常工作 提前谢谢 使用 #menu-meniu > li{padding-left: 20px} 或 您可以对ul li使用填充

我想在菜单项之间创建一个距离

这是CSS代码:

.menu-item a img
{
border:none;
box-shadow:none;
vertical-align:middle;
width:auto;
padding-left:20px;
}
这是网站

我设法在元素之间创建了一个距离,但当把箭头悬停在菜单上时。。。影响在别处

我应该怎么做才能正常工作

提前谢谢

使用

#menu-meniu > li{padding-left: 20px}


您可以对
ul li
使用
填充
边距
,例如:

.menu li {
  padding-right: 20px;
}

在li中使用边距。菜单项如下

.menu-item {
    margin-right: 22px;
}

把你的代码放在JSFiddle.net中,给出的url是死的:)对不起…现在没问题:)那么你想在li之间留出间隔吗?不要使用
!重要信息
我唯一要添加的是显示:内联块;但这应该是答案。
.menu-item {
    margin-right: 22px;
}