Как убрать верхний отступ?

Question

[Игорь Павленко]

Как убрать верхний отступ у заголовка? Понятно, что это происходит из-за line-height, но не понятно как этого избежать. Костыли вроде margin-top: -13px; использовать не подходит. В проекте много моментов когда надо выравнивать это таким образом (потому что заголовки разной величины). Есть ли какой-то универсальный метод? Сам нигде не нашел решения данной проблемы.

Пример на JSFiddle



P.S

Решил проблему так https://jsfiddle.net/up26atho/3/ (line-height в процентах)

Comments

[shurupkirov]

а теперь увеличьте текст по размеру, чтобы он был в 2 строки - не цимус

[Игорь Павленко]

shurupkirov: уже сам до этого дошел и решил просто отказать от этой затеи...

Answer 1

[Артем Лисовский]

Тут всё зависит от шрифта.
Если в шрифте есть отступ у букв сверху, то от него избавится только подгоном line-height'а к font-size'у. Если нет, то всё будет автоматом когда line-height == font-size

Comments

[Игорь Павленко]

Решил проблему так https://jsfiddle.net/up26atho/3/ (line-height в процентах)

Answer 2

[Михаил Чирский]

Во 1 обнулить margin у body, во 2 для body задать line-height: 1;
Ну и как сказал Артем Лисовский все от шрифта зависит, ну margin-top: -13px тут явно лишнее