Дисплей: встроенный блок и пробел

Question

Смотрите этот пример:

http://jsfiddle.net/EwtaC/1/

Изображения оформляются с помощью display:inline-block. Я понимаю, что пробелы как-то влияют на это.. (по любой причине), поэтому я удалил пробелы:

from <img src="" /> <img src="" />
to <img src="" /><img src="" />

Это удаляет интервалы слева и справа от изображений, но, как вы можете видеть в примере, расстояние под изображениями остается.

Есть ли что-нибудь, что можно с этим сделать?

Спасибо Уэсли

Answer 1

http://jsfiddle.net/EwtaC/2/

Добавлять:

vertical-align:top;

Изображения выровнены по базовой линии по умолчанию. Либо вы отображаете их как блок и перемещаете их, либо вам нужно установить правильное вертикальное выравнивание.

Answer 2

Вместо встроенного блока, вы пытались просто плавать изображения:

img { float: left; }

Кажется, работает на меня

Answer 3

Вы также можете сделать

body
{
    line-height:0px;
}