「display:flex」に内包された要素はjustify-contentプロパティを使用して、位置を指定します。

{
display:flex;

justify-content: flex-start; /*左揃え(デフォルト)*/
justify-content: flex-end; /*右揃え*/
justify-content: center; /*左右中央*/
justify-content: space-between; /*均等割り*/
justify-content: space-around; /*均等割り(左右余白あり)*/
}