Esta pergunta já tem uma resposta aqui:

Estou criando uma barra de navegação comflexbox. Aqui está o meuhtml:

<div class="container">
    <div>Project</div>
    <div>About the Project</div>
    <div>Contact Us</div>
    <div>Mailbox</div>
</div>

E meucss:

.container {
  display: flex,
  justify-content: center
}

Aqui está o que parece atualmente:

eu quero omailbox div estar no final doflex container. Eu quero que pareça mais com isso.

eu tenteiflex-end nesse item flexível sem sucesso. O que preciso fazer para que isso aconteça?