Несколько вопросов по inline-block?

Question

[Дима Соколов]

codepen.io/dimka11/pen/vyWajp
1) Не работает height: 30px;
2) Внутренний блок начинается снизу родительского блока, а не сверху, как должен
3) overflow: hidden; не работает, а также поднимает блок вверх на несколько пикселей.

Answer 1

[Алекс Глебов]

.inline{
max-height: 100%;
vertical-align: top;
}

Comments

[Дима Соколов]

Спасибо, а как сделать, чтобы работал overflow у внутреннего (inside) блока?

[Алекс Глебов]

Дима Соколов: задать height родителю

[Алекс Глебов]

без этого не работает высота в % у блока и overflow скрывать нечего

[Дима Соколов]

Алекс Глебов: Как убрать пробелы между блоками?

[Алекс Глебов]

Дима Соколов: убрав пробелы в коде)
codepen.io/SkiperX/pen/vyWzzM