The CSS justify-content property aligns items along the main axis of a flex or grid container. It distributes space between and around these items. Key values include flex-start, flex-end, center, space-between, space-around, and space-evenly, each offering distinct ways to arrange items within the container.