Почему блок смещается вниз при добавлении на него текста?

Question

[Sanan Yuzb]

При добавлении текста на любой из блоков он смешается вниз. Разъясните пожалуйста в чем дело?
ссылка

Comments

[Muranx]

Sanan Yuzb, спасиб за вопрос, пол часа сидел тыкал мыкал, vertical-align: top; помогло!

Answer 1

[holfza]

jsfiddle.net/oekq71yg/1

Comments

[Sanan Yuzb]

Спасибо!

[Smegal]

Благодарю Вас! Очень помогло

Answer 2

[coderisimo]

добавь в пустой блок  

или vertical-align: bottom; в дивы

как я понял inline-blocks без текста рендерятся некорректно. для решения проблемы добавляем vertical-align: bottom;

Answer 3

[Кирилл]

Все потому что у заголовка по умолчанию есть margin. Обнулите его и все.

Comments

[Sanan Yuzb]

Вы не поняли, я имел виду блок смещается вниз, а не заголовок.