html - 居中对齐菜单项中的文本

Question

我正在这个网站上工作 My Site主菜单项 发布广告 有红色背景。主菜单有虚线边框。因为发布广告项背景很大并且触及主菜单边框我已经改变了css 到这里

.header_menu_res ul a.rb_btn_postanad {
background: #981817 url(images/rb_btn_addnew.png) no-repeat 23px 23px;
padding-left: 50px;
padding-right: 30px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
margin-left: 20px;
border-right: 1px solid #831617;
border-left: 1px solid #831617;
color: #fff;
height: 10px;
margin-top: 5px;
}

css 实际上是这样的

.header_menu_res ul a.rb_btn_postanad {
background: #981817 url(images/rb_btn_addnew.png) no-repeat 23px 23px;
padding-left: 50px;
padding-right: 30px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
margin-left: 20px;
border-right: 1px solid #831617;
border-left: 1px solid #831617;
color: #fff;
    }

我加了

height: 10px;
margin-top: 5px;

这给了我想要的结果。但现在的问题是里面的文本不在菜单项的中间。我尝试添加 padding top 但它没有帮助。谁能帮我把它放在菜单项的中间。谢谢!!

Answer 1

您应该将此 css 添加到您的 css

.header_menu_res ul a.rb_btn_postanad {background: #981817 url(images/rb_btn_addnew.png) no-repeat 23px 17px;
line-height: 11px;}

这对你有用。还更改了与上面类似的悬停类。