使用CSS向菜单项添加按钮

Question

我有一个菜单，我希望最后一个菜单项是一个红色按钮。我希望它看起来像（如果可能的话，菜单和蓝线之间没有间隙）

但是这样： 我的问题是，当我更改顶部填充/边距时，我无法将此项目的文本与其余菜单项对齐。 这是我正在使用的代码：

.fusion-main-menu .fusion-last-menu-item a{
    background:#FE6C59;
    color: #FFFFFF;
    text-align:center;
    display: block;
    margin-bottom: 10px;
    padding-right:5px;
    padding-left:5px;
    vertical-align: middle; 
    height:60px;
    }

我一直在试验边距，填充和高度，但无法将其变为我想要的形式。你可以帮帮我吗？该网站是：tfs-sl.com

Answer 1

在链接中有一个span元素。把你的造型放在那个：

.fusion-main-menu .fusion-last-menu-item a span {
  background:#FE6C59;
  color: #FFFFFF;
  padding:4px;
  }