То , что здесь написано было очень давно , когда еще не было технологии css flex. Это оставлно для особо одаренных браузеров типа IE , которые не поддерживают flex и сегодня.
Переходите на css flex стили.
Шпаргалка по долбаному vertical-align :
Похоже работает нормально только для ячейки таблицы. Поэтому маскируем родителя нашего элемента и сам элемент под правила для таблиц с помощью css стилей:
.parent{
display:table;
}
.child{
display:table-cell; /* важно */
vertical-align:bottom;
}