justify-content: space-between
親ブロックいっぱいに敷き詰めてくれるが、改行すると左寄せにならない。

justify-content: space-around
左右の余白を均等にしてくれるが、改行すると左寄せにならない。

justify-content: flex-start;(デフォルト値)
float / inline-block と同様の結果。
ul にネガティブマージンを、li に margin-right: 20px; を指定して、擬似的に敷き詰めている。