Как кроссбраузерно выровнять текст по центру блока?

В мозиле и в хроме свойство line-height срабатывает по-разному. Центрировал текст в блоке навигации, в хроме все нормально, а в мозиле текст съехал.

Chrome:
d7e653758c3a49a9b2c0b3e2c782bdf5.jpg

Mozilla:
074bc5c574f149cc9933e4e46a237d13.jpg

Код можно посмотреть по ссылке

Как выровнять текст так, что бы во всех браузерах работало одинаково? Не могу найти актуальную статью.

И вот еще, на Windows шрифт плохо сглаживается, где есть актуальные статьи по этой теме? Как сделать отображение шрифта примерно одинаковым, без "кракозябр"?
e91191b85bac4222ba17def8ab7bbcbb.jpg
  • Вопрос задан
  • 190 просмотров
Пригласить эксперта
Ответы на вопрос 1
pxz
@pxz
✔ Совет: Вам помогли? Отметьте ответы решением.
Высоту, ширину, фон и рамки нужно указывать у li. Также у li сделать text-align: center;
У ссылки указать line-height равный высоте li для вертикального выравнивания по центру и display: inline-block и width: 100% для растягивания по ширине (чтоб кликать можно было не только на текст ссылки, а на всю "кнопку").
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы