Bonjour
Je n'arrive jamais à me sortir consciemment des placements de mes div.

J'ai 'écrit les choses suivantes (je ne conserve que les choses
importantes)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
body{display: flex} /*est un flex pour avoir deux marges se réduisant sur des écrans plus petits*/
.corps{width:850px;}  /* la taille réelle de ce que l'on doit lire*/
 #entete{width:850px;} */en dessous il va y avoir du texte*/
 .gr{width:500px; display:inline-block}
.poch{width:300px;border:double; display:inline-block}
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
 
 <div class="corps">
        <div id="entete">
 <div class="gr">Magenta  </div>
 
 <div class="poch">
<img src="#" alt="metamorphosis" width="300px">
 
<ul><li>  tralalère  </li>  <li>  tralalère  </li>  <li>  tralalère  </li><li>  tralalère  </li></ul>
 </div>
       </div>
</div>

Et mes deux éléments "gr" et "poch" sont alignés en bas alors que je les voudrais en haut du conteneur !!!
Plus précisément je veux que le mot "Magenta" soit aligné avec le mot "metamorphosis"

Ou bien, je ne comprends pas pourquoi mon "div poch" s'étend vers le haut et non vers le bas

Je croyais que le flux était de haut en bas.

J'ai bien tenté des tonnes de align-items mais rien n'y fait.
Les alignements continuent de m'échapper complètement
Comment les avoir en haut ?

Merci