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; 
    }