Overflow: hidden + line-height — как подружить?

Question

[war76]

Всем привет
столкнулся с проблемой, есть верстка, 3 дива, на 1 из них overflow: hidden, из-за чего едет базовая линия контейнера.
как выровнять блоки в одну линию? Пример верстки добавил сюда: https://jsfiddle.net/ap11fxod/1/
спасибо

Answer 1

[Андрей Яндуганов]

Если вас устроит использование flexbox, то просто добавьте к классу a свойство display: flex. Если я правильно понял, то это именно то, что вам нужно.
P.S.
Возможно, нужно будет добавить еще align-items: baseline;, в зависимости от того, какой результат вам именно нужен.

Comments

[war76]

К сожалению нужна поддержка ie8, flex не подойдёт

[Андрей Яндуганов]

war76: Тогда попробуйте вот так https://jsfiddle.net/andreybotanic/ap11fxod/2/

[war76]

Андрей Яндуганов: спасибо, помогло :)