Почему такое поведение inline-block при наличии контента внутри?

Question

[Артур]

Привет!
подскажите с чем связано такое поведение inline-block.
codepen.io/Cloudst1/pen/wJKgJQ"

без контента белые блоки нормально выравнены по горизонтали prntscr.com/eedxx2 , как только 1 из блоков начинает заполняться, он съезжает в низ, почему?

если все блоки имеют контент, то верстка не едет, а отображается как надо

Answer 1

[iBird Rose]

vertical-align: top; пропиши для .part

Comments

[Артур]

спасибо, заработало.
А чем обусловлено такое странное поведение с и без контента (без правила va:top)?

[iBird Rose]

Артур: без этого стиля inline block ведет себя как угодно. в плане вертикального выравнивания.

[Артур]

iBird Rose: понятно, спасибо