CSS Property:
align-items:

Note: Internet Explorer 9 and earlier versions and Safari 6 and earlier versions do not support the align-items property.

Result:
RED
BLUE
Green div with more content.
CSS Code:
div#main
{
display:flex;
align-items:center;
}
Click the property values above to see the result
W3Schools.com - Play it