Allineamento degli elementi flex nel genitore in CSS

Il valore space-between, impostato nella proprietà justify-content, consente di distribuire uniformemente gli elementi nel genitore. La distanza tra di essi è calcolata automaticamente. Il primo elemento sarà premuto contro il bordo sinistro, e l'ultimo - contro il bordo destro.

Vediamo un esempio:

css.parent {
  display: flex;
  justify-content: space-between;
}

Risultato dell'esecuzione del codice: