Как правильно задавать margin-top, margin-bottom у блоков с текстом?

Как правильно задавать margin-top, margin-bottom у блоков с текстом?

У текста как известно есть line-height, либо стандартный, либо заданный вручную.

Есть 2 блока Блок А и Блок Б друг под другом, между ними по вертикали нужно сделать margin, в фотошопе если измерить от нижнего края Блока А до верхнего края Блока Б к примеру 20px и задать у Блока Б margin-top: 20px; то реально расстояние между блоками составит ~25px (допустим).

Отсюда вопрос: как правильно измерить расстояние, если нужен 1х1 макет и вёрстка и при этом не использовать pixelperfect (так как уходит много времени, и ровно столько же уходит если вручную постоянно делать замеры в браузере).