Из-за чего появляются кривые строки css?

Question

[Scryppi]

Посмотрите сайт intour.uz Там если посмотреть код элемента в верхнем меню видно стиль
padding: 20px 10px;
padding-bottom: 17px;
По непонятным причинам высота текста идет внизу больше на 3 пикселя и приходится делать такие кривые паддинги. Кто может объяснить как это исправить? Менял line-height не помогло.

Answer 1

[Сергей Савин]

Нужно использовать либо padding либо line-height. На личном опыте испытал проблемы этих свойств.
Также считаю что запись указанную Вами в две строки можно вывести в одну вот таком формате:
padding: значение px значение px значение px значение px.

Comments

[Scryppi]

ну я как бы и писал о том, что не помогают эти свойства, что по прежнему криво отображается

[Сергей Савин]

Scryppi: Убери строчку вообще padding-bottom: 17px; и всё наладится

[tommy_13]

> padding: значение px значение px значение px значение px.

в данном случае, padding: 20px 10px 17px;

[Scryppi]

Сергей Савин: и наоборот будет снизу больше на 3 пикселя.

[Scryppi]

tommy_13: дело не в том как я задаю padding, отдельно или одной строчкой по сторонам.

[Сергей Савин]

padding: 20px;
Мне кажется идеальный вариант
prntscr.com/f0nk07

[Scryppi]

Сергей Савин: там если присмотреться, видно, что внизу на 3 пикселя сам текст вытягивается

Answer 2

[Scryppi]

Кажется слишком тяжелый я задал вопрос) думаю шрифт кривой, хотя в font squerrel генерировал его.