CSS justify content Property
CSS justify-content Property
The justify-content property is used to align the flexible container items when the items do not use all available space on the main axis. It is sometimes used in combination with the align-items property.
Default Value:-
Its default value is flex-start.
Syntax:-
Its syntax is:- justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
center | Items are positioned in the center of the container |
space-between | Items will have space between them |
space-around | Items will have space before, between, and after them |
space-evenly | Items will have equal space around them |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |