Как убрать непонятный отступ сверху изображения?

Question

[bozilly]

jsfiddle.net/5caomgac/1
Суть "танцев" в центрировании изображения по вертикали. Сделал именно такой пример, где центирование не нужно и заметен отступ -- для удобства

Answer 1

[Анна Бакурова]

к #photo-wrap поставьте font-size: 0;
у вас картинка имеет некоторые характеристики строчного элемента ( display: inline-block;)
Поэтому нужно их "обнулить"

Comments

[Анна Бакурова]

забыла написать можно ещё line-height: 0; - это на усмотрение. Но по уму line-height: 0; нужно юзать так как это его проделки.
И ещё почитайте про блочно-строчные элементы

[bozilly]

Анна Бакурова: Спасибо!)

[lousy_storyteller]

Анна Бакурова: там же line-height: 300px; не просто так установлен...

[Анна Бакурова]

lousy_storyteller: это похоже на попытку выровнять, он ему скорее всего там не нужен. Я конечно не вижу задачу полностью, но как поняла поставил для выравнивания

[lousy_storyteller]

Автор поста указал, что задача в вертикальном центрировании изображения. Ваш вариант, с font-size: 0px; отлично работает, все счастливы.

[Анна Бакурова]

lousy_storyteller: ну так то да... вообще как по мне то иной раз лучше применить табличное выравнивание. Хотя тут вроде строчное легче.