Как правильно верстать PX в PX?

Question

[The Dragger]

Для примера взял кнопку из .psd
Вот таким вот методом выделения расстояний я сделал отступы "padding"
Вот все стили кнопки :

font-size: 25px;
    font-family: OpenSans-Light;
    border-radius: 5px;
    background: #ffcb08;
    border: 0;
    border-bottom: 3px solid #c79a06;
    margin-bottom: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 19px;

Но есть отличие в высоте и ширине
В браузере :
В PSD :
В браузере высота 63 px а в psd 52 px.
Хочу узнать что не так ? и правильно я верстаю пиксель в пиксель ?

Answer 1

[zooks]

Вертикальные паддинги указывать не нужно. Это делается вот так:

display: block;
height: 52px;
line-height: 52px;
padding-left: 0 19px 0 25px;

Comments

[Emptyform]

Угу, а потом через пол-года менеджеры надумали залепить на кнопку длинный текст, который завернулся на две строки. Получится говно