Placement d'éléments

Bonjour
ça fait un an que je m'y suis mis et je n'ai toujours pas pigé comment se placent les éléments.
La seule chose que j'arrive à faire marcher c'est text-align.
Ici j'ai un body puis une colonne centrale de classe "corps"

Code:

---

1 2 3 4 5 6 7

body{display:flex; justify-content:center; background-color:black; color:yellow}   .corps{flex:0 1 800px; justify-content:center;}

---

Dans ce corps j'ai une liste que je veux au milieu (normal c'est pour ça que j'ai mis le corps avec un justify-content center)
sauf qu'évidemment autant "... dans un violon" le contenu n'est pas du tout justifié "au centre"!

ma liste est à gauche !

Code:

---

1 2	ul{width:200px; background-color:blue;

---

Je ne comprends toujours pas ce que je dois écrire et où pour avoir mon objet liste au milieu ou d'ailleurs n'importe quel objet.
Le jeu entre justify-content et display me reste totalement étranger !
A chaque fois je pose une question, à chaque fois je crois avoir appris quelque chose et à chaque fois ça recommence
à savoir "ça march'pô ! "

Que ce soit flex ou pasflex, je les veux espacés, ils sont collés, je les veux collés, ils se retrouvent sur deux lignes, je les veux au centre ils sont à gauche...Dieu que c'est énervant !

Hello,

Dans votre règle .corps je ne vois pas display:flex car vous appliquez justify-content: center
La raison est que pour qu'un élément enfant soit positionné par son parent Flex, il doit être le descendant direct d'un conteneur Flex, et le conteneur Flex doit exister.

Partagez la structure HTML du bloc centré, surtout comment l'élément ul est déclaré dans l'élément .corps.

Il faudrait voir le HTML pour pouvoir répondre précisément à la question. Mais on peut dores et déjà signaler les points suivants.
Est-ce que tu veux que ce soit le bloc de liste qui soit centré, ou les éléments de la liste ?
Pour les éléments le résultat risque de ne pas être très esthétique s'il y a des puces, partons donc sur le centrage du bloc de liste. Qu'est ce qui se passe si tu ajoutes un margin ?

Code:

---

1 2 3 4 5

ul{ width:200px; background-color:blue; margin:0 auto; }

---

En fait, <ul> constitue un bloc à l'intérieur du bloc .corps et il faut centrer ce bloc également. Pour centrer un bloc : margin.
Tu peux aussi enlever le justify-content:center; sur .corps puisque ce dernier n'est pas un flex.