The CSS justify-content
property defines how the browser distributes space between and around content items along the main-axis of a flex container (row
, or column
):
Row (horizontal) direction
flex-direction: row; justify-content: [value];
Column (vertical) direction
flex-direction: column; justify-content: [value];