Playit

CSS Property:

align-items:

flex-start

flex-end

stretch

baseline

center

initial

Note: Internet Explorer 10 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