justify-content - CSS 3

The justify-content property aligns the flexible container's items when the items do not use all available space on the main-axis (horizontally).Tip: Use the align-items property to align the items on the cross-axis (vertically).

Syntax

justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;

Example

div
	{    display: -webkit-flex; /* Safari */    -webkit-justify-content: space-around; /* Safari 6.1+ */
	   
	display: flex;
       
    justify-content: space-around;
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference