Sans flex

• Premier
• C'est mon deuxième item qui est vraiment long
• Troisième
• C'est mon quatrième item
• Cinquième

Avec flex

• Premier
• C'est mon deuxième item qui est vraiment long
• Troisième
• C'est mon quatrième item
• Cinquième

Remarque importante

Seuls les fils directs d'un conteneur flex deviennent des flex items — pas tous les descendants ! Démonstration :

• Premier item, contient un paragraphe et une liste :

  • toto
  • titi
  • tata
• C'est mon deuxième item qui est vraiment long
• Troisième
• C'est mon quatrième item
• Cinquième

On voit bien que les enfants du premier item ne sont pas des flex items. Rien n'empêche cependant de mettre un de ses enfants en display:flex, comme je l'ai fait pour le ul ici :

• Premier item, contient un paragraphe et une liste :

  • toto
  • titi
  • tata
• C'est mon deuxième item qui est vraiment long
• Troisième
• C'est mon quatrième item
• Cinquième