Проблемы с отступами что делаю не так?

Question

[webhtml]

Учусь верстать ,подскажите пожалуйста ,что делаю не так.
В фотошопе показывает отступ у элемента 71 снизу и 87 сверху

padding-top: 87px;
padding-bottom: 71px;

Но когда открываю этот элемент в хроме , отступы у него другие верху 93 и снизу 92 , где я ошибся ?
Вот макет
vk.cc/5obW5q
Вот код codepen.io/vladmon/pen/GqyGmW"
p.s в рабочем проекте все отступы у body обнулил , для features отступы

Comments

[Алексей]

Про какой элемент речь? Цифр 87 и 71 не вижу.

[Алексей Чипига]

В приложенном коде, например, нигде не указан padding в 87 и 71 px. И главное укажите класс к которому применяете.

[webhtml]

Алексей: Алексей Чипига: поправил, гляньте еще раз , если есть возможность. для features паддинги

[Алексей Чипига]

webhtml: вроде стили никак не перекрываются, в боксовой модели в chrome всё по плану take.ms/oQkbb

[webhtml]

Алексей Чипига: да, вы правы , но вот откуда взялось вот это пространство (выделил красным ) s018.radikal.ru/i528/1607/aa/4f8166896f6e.png , и как это исправить ? Внизу в ответах сказали сказали про line height , а как его учитывать ?)

Answer 1

[Алексей Чипига]

Вам бы не на padding'и жаловаться, а на то что вам .features растягивает изнутри margin у абзацев. Скрин прикладываю. take.ms/jpLRq

Comments

[webhtml]

хм,даже не подумал об этом, большое спасибо :)