JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang='fr'>

<head>
	<meta charset="utf-8">
	<title>flex-container-row</title>
	
	<style>
		#flex-container {
			display: flex; /* display: inline-flex; peut être utilisé pour affichage blocs en ligne */
			flex-direction: row;	/* Valeur par défaut */
			border: 2px solid black;
		}
		
		#flex-container>div {
			width: 400; /* auto affichage pas très homogène selon le contenu */
			height: auto;
		}
			
		#item-0 { background-color: #ff9900; font-size: 20px; /* Orange */ }
		#item-1 { background-color: #f3e472; font-size: 20px /* Jaune */ }
		#item-2 { background-color: #ff9900; font-size: 20px; }
		#item-3 { background-color: #da3c3c; font-size: 20px /* Rouge */ }
		#item-4 { background-color: #98c0e7; font-size: 20px /* Jaune */ }
		#item-5 { background-color: #ff9900; font-size: 20px;}
		#item-6 { background-color: #da3c3c; font-size: 20px;}
	</style>
</head>

<body>

	<div id='flex-container'>
		<div id="item-0">
		0. "flex-container" contient d'autres boîtes (flex-items). La répartition des "flex-items" (dans le contenair)s'exécute selon deux axes:<br>
		- L'axe principal (horizontal) dans le sens gauche vers la droite.<br>
		- L'axe secondaire, à angle droit avec l'axe principal, de haut en bas.<br>
		Les valeurs de "flex-direction" orientent l'affichage des flex-items"; "row" affiche les "flex-items" de la gauche vers la droite, "row-reverse" de la droite, vers la gauche.<br>
		"column" affiche les "flex-items" de haut en bas, "column-reverse" de bas en haut.
		</div>
		
		<div id='item-1'>
		1. Dès lors que le conteneur flexible est défini, ses éléments enfants sont flexibles. Ces "flex-items" sont affichés par défaut les uns à côté des autres et utilisent toute 
		la place disponible dans leur élément parent, le flex-container. La largeur de chaque élément n'est pas identique, mais les éléments sont répartis de manière 
		plus ou moins homogène, en fonction du contenu.
		</div>
		
		<div id='item-2'>
		2. Le conteneur parent possède...