В гугл хроме у элементов <article ... высота 204px
Но у содержимого высота 197px

откуда берутся лишние 7px?

http://0o00.ru:3000/

(0) Padding, margin... Инструменты разработчика все показывают, даже в картинках (для 1С-ников).

P.S. По ссылке нет элемента article

(1) Нажимаешь F12, в открывшемся окошке нажимаешь вкладку Elements, потом Ctrl+F потом печатаешь "article", только без ковычек. Дальше сразу увидешь, он появится на экране.

(0) "line-height: 1.5" отключаешь - 204 превращается в 201.

(3) Спасибо! Темку можно грохнуть

(4) Пусть останется потомкам.

А еще где 4px?

(2) Да, у меня все левое не грузится по умолчанию.

>Но у содержимого высота 197px

Высота содержимого у тебя не определена. Ссылка на картинку невалидная. Свойства, относящиеся к тексту, при отсутствии самого текста, не в счет. Браузер может показать твой элемент с любой высотой на свое усмотрения. В общем верстка УГ.

(7) там фикс высота прописана

(7) все мимо
(3) правильно ответил

(9) так 201 <> 197

(10) это уже мелочи. Подправим как надо

(11) Ну так формально то задачка не решена

(12) я ее уже решил

(13) И как?

line-height: 0
Очевидно же

Есть поле, рамка, отступ от рамки и сама картинка, когда вы задали только размер картинки, остальное подставится по умолчанию.

Ага, спасибо