Изначально задача была центрировать элементы по вертикале.
Сложность состояла в том, что блок у нас динамический. Тоесть растягивается по высоте (все в %).
Я попробовал использовать для этой цели display:table, все заработало, но я сталкнулся с другой проблемой.
Если у нас есть картинка или текст, который без переносов и больше жалемого размера, то ячейка расстягивается.
Тоесть у ячеек не работает вот так:
width: 80%;
overflow: hidden;
У меня есть 2 ячейки 88% и 12% и в сумме они составляют 100% родительского блока таблицы. Мне бы хотелось сохранять эти пропорции не смотря ни на что. Тоесть должен работать overflow так сказать.
Вот мой пример:
https://jsfiddle.net/zymqbf6x/1/
Как это можно организовать?
Средний
