Каким образом формируются габариты текстового блока?

Question

[c3037]

Есть текст размером 20px, заключённый в блок div.
При просмотре через дебаггер размер блока = 23px в хроме, в fireFox = 24px
joxi.ru/KAgoNn8fgoqZ0A

Почему размер блока по высоте не равен размеру текста?
Как их выровнять кроссбраузерно, если заранее размер текста не известен ?

Answer 1

[Максим Тимофеев]

.mydiv {
margin:0;
padding:0;
line-height:1;
font-size:20px;
border:none;
}

Comments

[c3037]

joxi.ru/Rmzxn6qSWpbb6A не совсем то, что нужно. Буква "р" вылезает за 20px. хотелось бы чтоб блок в 20px полностью включал в себя весь текст от верха до низа, без пропусков и выступов.

[Максим Тимофеев]

dmitryQR: Не должно вылезать, значит шрифт корявый

[Pavel O]

Хочу заметить, что браузеры по разному обрабатывают текст (не все конечно) и может вполне оказаться разница в 1px, если больше то это явно проблема кроссбраузерности.

[Pavel O]

Pavel O: ах забыл сказать, что это касается ширины, по поводы высоты не уверен