Flexbox: Inhalt entlang Hauptachse ausrichten

Flexbox-Container mit `justify-content:flex-start`

Kind 1

Kind 2

Kind 3

Kind 4

Flexbox-Container mit `justify-content:flex-end`

Kind 1

Kind 2

Kind 3

Kind 4

Flexbox-Container mit `justify-content:center`

Kind 1

Kind 2

Kind 3

Kind 4

Flexbox-Container mit `justify-content:space-between`

Kind 1

Kind 2

Kind 3

Kind 4

Flexbox-Container mit `justify-content:space-around`

Kind 1

Kind 2

Kind 3

Kind 4

Flexbox-Container mit `justify-content:space-evenly`

Kind 1

Kind 2

Kind 3

Kind 4