Css 垂直中心连杆

这应该是一个水平菜单栏。我正在努力使文本垂直居中。有什么建议吗

<ul id="header-menu">
    <li id="header-logo"></li>
    <li id="header-v-space"></li>
    <li id="header-menu">
        <a href="/discover">
            <strong>Discover</strong><span>great things</span>
        </a>
    </li>
    <li id="header-v-space"></li>
    <li id="header-menu">
        <a href="/share">
            <strong>Share</strong><span>opportunities</span>
        </a>
    </li>
    <li id="header-v-space"></li>
</ul>

我通常通过指定与

行高度相同的
高度来获得这些结果，同时将顶部和底部填充设置为零

li {
    padding: 0 .5em;
    height: 2em;
    line-height: 2em; }

奇怪的间距是由于我糟糕的堆栈溢出代码格式造成的——我应该如何使用css以使li的背景和这些菜单选项的文本颜色都发生变化。目前，我只能使用#标题菜单a:hover，a:active{背景图像：url（../images/header_bg_select.png）；}来更改背景。向我们展示你的CSS怎么样？@stopshinal:格式已修复