The child elements are evenly distributed among the parent elements.
- display: flex Enable the elastic case.
- justify-content: space-between Sub-elements are evenly distributed horizontally. The first item is on the left edge and the last item is on the right edge.
Or, use justify-content: space-around to allocate space to child elements, not between them.