вертикально центральное звено в ли - PullRequest
Новая
       0

вертикально центральное звено в ли

0 голосов
/ 04 сентября 2011

Это должна быть горизонтальная строка меню.Я изо всех сил, чтобы вертикально центрировать текст.Любой совет? 

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

1 Ответ

2 голосов
/ 04 сентября 2011

Я обычно получал эти результаты, указав height, который идентичен line-height при установке верхнего и нижнего отступов на ноль. 

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