JSFiddle - React, Tailwind, and code Playground

HTML

</head>
	<body>
	<div id="enveloppe">
		<header>
			<div id="titre">
			<img id="logo" src="icon-cuisine.png" alt="Logo recette de cuisine"  />
				<h1>Recettes de cuisine de Madeline Della Mora</h1>
			</div>
			<nav>
			<ul>
				<li><a href="#">Entr&eacute;e</a></li>
				<li><a href="#">Plat</a></li>
				<li><a href="#">Dessert</a></li>
			</ul>
			</nav>
		</header>

		<div id="banniere_image">
			<div id="banniere_description">
			Nos astuces et conseils gourmands
			</div>
		</div>
<section>
			<article>
				<h1><img src="icon-recette.png" alt="icon de la recette" class="icon_recette" />

				Recette Boeuf Bourguillon</h1>

				<p>La mijoteuse est un outil indispensable pour tous les amoureux de bonne ch&egrave;re qui manquent trop souvent de temps pour se concocter de bons petits plats.</p>

				<p>Ne demandant que peu de pr&eacute;paration, les recettes mijot&eacute;es ainsi toute la journ&eacute;e n'attendent que votre retour apr&egrave;s le travail pour &ecirc;tres servies. Au lieu de pr&eacute;parer le souper, vous pouvez donc profiter d'un peu plus de temps avec vos proches!</p>

				<p>Certaines recettes &agrave; la mijoteuse sont parmi les plus populaires du site depuis nombre d'ann&eacute;es et vous &ecirc;tes nombreux &agrave; les avoir adopt&eacute;es. Cette semaine, nous vous proposons la recette classique du beouf bourguillon</p>


		<table>
				     <tr>
					     <td>Temps de pr&eacute;paration </td>
						 <td>30 min</td>
					 </tr>
					 <tr class="pair">
						<td>Temps de cuisson</td>
						<td>6h 0min</td>
					 </tr>
					 <tr>
					     <td>Temps total</td>
						 <td>6h 30 min</td>
					 </tr>
					 <tr>
					     <td>Portion(s)</td>
						 <td>6</td>
					 </tr>
				</table>


			</article>
			<aside>
				<h1>Ingredients</h1>
				<p id="ingredients"><img src="boeuf-bourguignon.jpg" alt="Boeuf bourguillon" /></p>
				<p>
				    2 tasses eau <br/>
					3 c. &agrave; th&eacute; bouillon concentr&eacute; liguide au boeuf <br/>
					150...

CSS

body {font: 'Trebuchet MS', Arial, sans-serif; text-align: center; 
            background-color: rgb(253,245,248); color: rgb(0,57,97)}
            
            #banniere_image {background: url(img-fond-cuisine.jpg);  
						width:900px; height:150px;} 
						
				#banniere_desciption {background-color:black; padding:auto;}
			#thematique ul li {list-style-image:url(coche.png)}
			position absolute value 0

a:hover{color: rgb(137,15,88)
}
a{color: rgb(19,90,73)
}
	
ul {
    list-style: none;
    float: right; 
}		
ul li {
    float: left; text-transform: uppercase; margin: 10px;
}