justify-content Property
horizontal_distribute
Aligns flex items along the main axis
format_align_left
flex-start: Items packed toward start of main axis
format_align_right
flex-end: Items packed toward end of main axis
format_align_center
center: Items centered along main axis
space_bar
space-between: Items evenly distributed, first at start, last at end
swap_horiz
space-around: Items evenly distributed with equal space around them
code
justify-content Examples
.container {
display: flex;
justify-content: space-between;
}
.centered-container {
display: flex;
justify-content: center;
}