justify-content
property
CSS3
Aligns flex items along the main axis. Controls distribution of space between and around items.
Syntax
justify-content: flex-start | center | flex-end | space-between | space-around | space-evenly;
Example
css
.navbar {
display: flex;
justify-content: space-between; /* logo left, links right */
}
.centered {
display: flex;
justify-content: center;
}
.spread {
display: flex;
justify-content: space-evenly;
}