css.properties

justify-content

The justify-content property aligns flex items along the main axis.

Formal Syntax

justify-content = normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] <content-distribution> = space-between | space-around | space-evenly | stretch <overflow-position> = unsafe | safe <content-position> = center | start | end | flex-start | flex-end

See specification

JavaScript Access

// Access via element.style element.style.justifyContent = "normal";

Browser Support

standard | MDN ยท Spec ยท Spec

FeatureChromeFirefoxSafariEdge
justify-content2920912
flex_context5220712
grid_context575210.116
left2120779
normal2120779
right2120779

Related Properties