Rien de plus simple !
Il vous suffit de créer un élément parent de votre Div, de l'y glisser et d'appliquer sur ce parent, depuis le panneau de Style, Layout > Display > Flex puis Justify > Center
Pensez à attribuer une largeur/hauteur ou une largeur/hauteur maximale/minimale à votre Div si besoin
Même principe que les boutons ! Parent en Display: Flex + Justify: Center + Align: Center. Votre div flotte au milieu. N'oubliez pas de donner largeur/hauteur à votre div si elle est vide, sinon invisible !
Div = conteneur générique pour tout et n'importe quoi. Block = élément structurel sémantique (header, section, footer). En pratique pour le centrage, même combat ! Flexbox marche sur les deux.
Vérifiez que le parent a une hauteur définie (100vh par exemple). Sans hauteur, pas de centrage vertical ! Aussi, attention aux margins/paddings parasites qui décalent. Inspectez avec Chrome DevTools.
