Как убрать отступы / поля для тегов h?

Question

Я на 99% уверен, что не пропускаю что-то здесь. У меня есть обычные сбросы, без полей или отступов для тега h, высота строки: 100% и т. Д. И т. Д., Но все равно есть отступы примерно на 2 или 3 пикселя выше и ниже тегов h. То же самое на большинстве крупных сайтов, так что я думаю, что это неизбежно? Это может показаться спорным вопросом, но это НЕПРАВИЛЬНО портит мой расклад.

Так есть ли какая-то неизбежная проблема, при которой все шрифты имеют небольшие отступы, независимо от того, что вы делаете?

Answer 1

Вот, пожалуйста,

HTML

<div id="blah"> <div style="width:300px; margin:0px auto 0px auto;"><h1 style="color:#000000;font-size:12px; display:inline">This is my heading</h1></div> </div>

CSS

#blah
{
height:50px;
width:100%;
background-color:#B40700;
}

Answer 2

Не забудьте неявные разрывы строк, которые могут добавить «тихое» пространство в макеты:

<h1>blah blah</h1>[space character here due to line break]
<h1>blah blah</h1>

должно быть:

<h1>blah blah</h1><h1>blah blah</h1>