Помогите с inline-block

[Maxim_90]

Всем привет!Помогите новичку.
Пример
Нужно прижать квадраты друг к другу по вертикали.
Все работает с более большими размерами ширины и высоты(В примере по ссылке рабочий код закомментирован).

[Вадим Мошев]

А что если просто вмеcто inline-block, напишете block, то есть:

display:block;

[Maxim_90]

Спасибо,это помогло!
Но я хочу избавиться от этих маргинов в блочно-строчных элементах.Не понимаю почему,в моем примере для маленьких размеров margin-boottom:-5px; не работает а для больших работает?
width и height 20px; все ok.
width и height 15px; Не работает.
Пример width и height 20px/

[Naive]

inline-block — это строчно-блочный элемент, то есть внутри себя он ведет как блок, а снаружи, как текст. Так что это не отступ (margin), а интерлиньяж (line-height).
Дырка получается из-за того, что:
1. интерлиньяж больше высоты ссылки
2. вертикальное выравнивание ссылки по умолчанию стоит по базовой линии, которая, естественно, выше низа кегельной площадки.

[Maxim_90]

Спасибо за ответ!Буду разбираться,туплю че то