[Résolu] Flexbox basique

Bonjour,
j'ai besoin d'aide pour la mise en page d'une navbar. J'utilise un display flex et un alignement de gauche à droite.

Le problème est que, j'ai 5 éléments (lien <a>) dans ma navbar et qu'avec mon code actuel, les 5 éléments sont placés à gauche. Hors, je veux que les 2 derniers soient placés à droite.

Voici les parties utiles de mon code :

<nav>
        <ul>
          <li class="gauche"><a class="active" href="#">Accueil</a></li>
          <li class="gauche"><a href="html/videos.html">Vidéos</a></li>
          <li class="gauche"><a href="html/contacter_administrateur.html">Aide</a></li>
          <li class="gauche"><a href="html/a_propos.html">A propos</a></li>
          <li class="droite"><a href="html/connexion.html">Se connecter</a></li>
          <li class="droite"><a href="html/inscription.html">S'inscrire</a></li>
        </ul>
      </nav>

nav {
  background-color : #3286ff;
  list-style-type: none;
  width: 100%;
}

nav ul {
  margin: 0px 6px;
  display: flex;
  justify-content: flex-start;
}

nav li {
  margin: 0px;
  padding: 18px 15px;
  list-

Merci !

Olivier C a écrit :
Bonjour. Il faut mettre un margin-left:auto sur les items concernés.

Merci bien !