CSS Свойство:
align-items:

Примечание: Internet Explorer 10 и более ранних версий, а также Safari 6 и более ранних версий не поддерживают свойство align-items.

Результат:
Красный
Синий
Зеленый div с большим содержанием.
CSS Code:
div#main {
display:flex;
align-items:center;
}
Щелкните значения свойств выше, чтобы увидеть результат
Schoolsw3.com - Воспроизведение