Почему здесь разъехался блок?

Question

[VMesser]

codepen.io/anon/pen/aJqJYv?editors=1100#0

Почему-то выделенный зелёным блок разъехался по высоте, хотя вроде бы как не с чего. Все прочие блоки тоже поместил в рамку, чтобы визуально сразу была понятна структура. Помогите, пожалуйста, разобраться.

Answer 1

[Евгений Карпов]

.inl_text2:after {
content: "";
display: inline-block;
width: 100%;
}
или inline или явно не указывай ширину

Answer 2

[Daniel Skripnik]

Потому что у него стоит свойство display: table-cell и ведет он себя как табличная ячейка

Comments

[VMesser]

Не уловил связи.

[Daniel Skripnik]

Посмотрите поведение элементов при том или ином свойстве 'display' и поймете ;)