JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
		<title>Page 52</title>
		<style>
			#nav-bar {
				display: flex;                /* Conteneur flexible */
				flex-flow: row wrap;          /* Axe principal horizontal, passage à la ligne autorisé */
				justify-content: space-around;
				align-items: flex-start;
				width: auto;                  /* Effet d'affichage intéressant selon la résolution écran > affichage en ligne jusqu'à affichage en colonne */
				height: auto;
				border: 1px solid #000;
				background-color: #ff9900;
				padding: 10px;
				}
				
			#nav-bar  a{
				text-decoration: none;
				border: 1px solid #000;
				border-radius: 4px;		/* Angles arrondis */
				padding: 5px;
				margin: 5px;
				background-color: green;
				color: yellow;
			  }
			
			#nav-bar a:hover {
				background-color:red;
				color: blue;
				}
				
			.h1 {
				color: yellow;
				text-align: center;
				}
        
			 p {
				color: blue;
				width: auto;
				}
		</style>
	</head>
	<body style="background-color: #b2b4b7;">
   <h1 class="h1">
    ** AXE PRINCIPAL HORIZONTAL **   
    </h1>
		<nav id="nav-bar">
			<a href="page52_1.html">UN.</a>
			<a href="page52_2.html">DEUX.</a>
			<a href="page52_3.html">TROIS.</a>
			<a href="page52_4.html">QUATRE.</a>
			<a href="page52_5.html">CINQ.</a>
			<a href="page52_6.html">SIX.</a>
			<a href="page52_7.html">SEPT.</a>
			<a href="page52_8.html">HUIT.</a>
			<a href="page52_9.html">NEUF.</a>
			<a href="page52_10.html">DIX.</a>
		</nav>
    <p>
    L'affichage du paragraphe s'adapte à la résolution écran, en relation avec le contenu(ascenseur horizontal, et vertical).  Composé de deux à cinq pales, sa première fonction est d'assurer la portance du modèle, pour lui permettre de rester en vol, en augmentant le pas des pales de la même valeur, pour la montée.<br>
	Ou en diminuant l'angle des pales de la même valeur, pour la descente. C'est le collectif qui le permet.<br>
	Sa deuxième fonction est d'assurer les...