元素菜单之间的距离

Question

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

这是CSS代码：

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

这是网站

http://avocat.dac-proiect.ro/wp

我设法在元素之间创建了一个距离但是当箭头悬停在菜单上时...效果在其他地方

我该怎么做才能正常运作？

提前致谢！

Answer 1

使用

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

或

#menu-meniu  li.menu-item-object-page{padding-left: 20px}

Answer 2

您可以在padding中使用margin或ul li，例如：

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

Answer 3

在li .menu-item中使用保证金，如

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