li中的垂直中心链接

Question

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

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

Answer 1

我通常通过指定与height相同的line-height来获得这些结果，同时将顶部和底部填充设置为零。

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