Centrer en CSS

Depuis des lustres je dois rechercher la propriété css à chaque fois, alors la voici enfin condensée

Astuces tirées de l'excellent grafikart.fr

.box{ text-align: center; }

.box-content{ margin-left:auto; margin-right: auto; }

pas mal d'autres exemples sur grafikart.fr et une vidéo

.box{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
}
 
/* sur une ligne */
.box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;}

• centrer le menu atomik "top navigation bar"