css - 如何使文本在顶部边框下居中

Question

我有一个 CSS 水平菜单，它有一个顶部边框和下面的文本。

我需要获取边框线中心顶部边框下的文本:

#topbar {
    width:100%;
    height:80px;
    background-color:#000000;
}
#topbar-inner {
    width:1000px;
    margin:0 auto 0 auto;
}
#logo {
    display:inline;
    float:left;
    color:#FFFFFF;
}
#menu {
    display:inline;
    float:right;
}
#menu > ul > li {
    display:inline-block;
/*    border-top:4px solid #666666; */
    margin-right:20px;
   /* padding-top:20px; */
    min-width:120px;
}
#menu > li {
    display:inline-block;
    list-style:none;
    /* margin-top:25px; */
    margin-left:auto;
    margin-right:auto;
}
#menu > li:hover {
    color:#FFFFFF;
}
#menu li a {
    display:block; 
    padding-top:25px;   
    border-top:4px solid #CCCCCC;
    color: #CCCCCC;
    text-decoration:none;
}
#menu li a:hover { 
    border-color:#FFFFFF; 
    color:#fff
}

JS fiddle :http://jsfiddle.net/y75WZ/

我能做什么？

Answer 1

...您是指列表项上的 text-align:center 吗？