Список продуктов - выравнивание некоторых элементов в нижней части столбца

Question

Мне нужно выровнять некоторые элементы в нижней части div, сохраняя при этом другие элементы сверху. Хотя я мог выполнять частичную работу, я не могу сделать ее «красивой» - мои элементы не выровнены правильно, и между элементами нет хорошего места. Что я делаю неправильно, любые предложения?

Я добавил свой CSS:

.bottom_align { 
    position: absolute; 
    bottom: 0; 
} 

Я новичок в самонастройки и CSS не является моим сильным свита, любой посоветуете?

Я создал скрипку: http://jsfiddle.net/p382qby6/1/

Answer 1

Вы должны использовать положение: относительно управления разрыва между элементами.

.bottom_align { 
    position: relative; 
    /* margin-top: some px; */ 
/* margin-bottom: some px; */ 
}