Bouton Centre CSS

Question

Problème de centrage CSS habituel, cela ne fonctionne tout simplement pas pour moi, le problème est que je ne connais pas la largeur finale en px

J'ai une div pour toute la navigation et ensuite chaque bouton à l'intérieur, ils ne sont plus centrés lorsqu'il y a plus d'un bouton. :(

.nav {
  margin-top: 167px;
  width: 1024px;
  height: 34px;
}

.nav_button {
  height: 34px;
  margin: 0 auto;
  margin-right: 10px;
  float: left;
}

    Accueil

    Contactez-nous

Toute aide serait grandement appréciée. Merci

---

Résultat

Si la largeur est inconnue, j'ai trouvé un moyen de centrer les boutons, je ne suis pas entièrement satisfait mais peu importe, ça fonctionne :D

La meilleure solution est de le mettre dans un tableau

            Accueil

            Contactez-nous

Answer 1

En HTML, you pouvez écrire,

Cliquez

si vous travaillez avec JS au lieu de CSS, vous pouvez écrire ceci pour déplacer le bouton au centre.

const bu = document.getElementById("btn");
bu.style.cursor="pointer";
bu.style.justifyContent="center";
bu.style.display="flex";

Answer 2

Quand tout le reste échoue, je fais juste

 contenu 

Je sais que ce n'est plus "conforme aux normes", mais si ça fonctionne, ça fonctionne