align-items - CSS 3

The align-items property specifies the default alignment for items inside the flexible container.Tip: Use the align-self property of each item to override the align-items property.

Syntax

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

Example

div
	{    display: -webkit-flex; /* Safari */    
	-webkit-align-items: center; /* Safari 7.0+ */
	   
	display: flex;    align-items: center;
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference