Как прижать блок price c элементами в самый низ?

Question

[Semmy_99]

Часто нужно верстать блоки с ценой,где цена находится внизу. И вне зависимости от кол-ва текста в описании,цена должна быть внизу. Пожалуйста скажите как это можно сделать кроме Flex box'ов .

Вот пример кода здесь как видно позиционирование блока price зависит от кол-ва текста, что расположены выше.

Answer 1

[iBird Rose]

https://codepen.io/anon/pen/zZJNgN?editors=1100

Answer 2

[Андрей Tantalid]

1. Самый древний способ это таблица. Описания в 1 tr.
2. display: table-cell; на блоки описания, но они все должны быть в одном родителе, что задает строку row (в принципе мало чем отличается от table подхода)
3. Можно использовать CSS Grid Layout (поддержка браузерами еще не очень caniuse.com/#feat=css-grid )
4. Ставить высоты при помощи js (не хороший сособ)
5. Flex-box - самый нормальный

Есть еще варианты htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinak...