выравнивание элементов блока сверху при использовании line-height

Если я даю line-height элементу блока , например h1 , он добавляет пробел над и под каждой текстовой строкой, что означает элемент не начинается с той же верхней позиции. Что, если мне просто нужен интервал под каждой строкой? Я знаю, что vertical-align работает только с inline-elements .

Я также узнал, что текст такого блочного элемента, как тег p , является не сверху с высотой строки "normal" по умолчанию. Если я добавлю к элементу цвет фона, этот цвет также будет виден на несколько пикселей над текстом. Почему?