JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<div id="top"></div><!--<a href="#top">Retour en Haut de la page</a>-->
	
<head>
	<meta charset="utf-8"/>
	<title>Vol_hélico.html</title>
	<link rel="stylesheet" type="text/css" href="helico.css"/>

<style>
	h1 { color:#f5e627;text-align: center; text-shadow: 6px 6px grey;}
</style>
</head>

<body style="background-color:#b2a8f6;"><!--Couleur de fond de la page en bleu-->
	
	
<h1>VOL EN HELICOPTERE RADIOCOMMANDE</h1>
<p style="text-align: center"><!--Centre l'image horizontalement-->
		<img src="file://C:\Users\Perso\Pictures\helico1.jpg"alt"Photo d'un hélicoptère"/><!--Affiche l'image-->
</p>
<h3>ALLER DIRECTEMENT A LA PARTIE TRAITANT DE :</h3>
<ul id="liens">
	<li><a href="#import">Important</a></li>
	<li><a href="#conseils">Conseils lors de l'achat d'un modèle</a></li>
	<li><a href="#pilotage">Concernant l'apprentissage du pilotage</a></li>
	<li><a href="#cyclique">Le plateau cyclique</a></li>
	<li><a href="#rotor principal">Le rotor principal</a></li>
	<li><a href="#rotor anticouple">Le rotor anticouple</a></li>
	<li><a href="#radio">La radiocommande</a></li>
	<li><a href="#propulsion">La propulsion</a></li>
	<li><a href="#servos">Les servos</a></li>
	<li><a href="#gyro">Le gyroscope</a></li>
	<li><a href="#photos montage">Quelques photos de montage</a></li>
</ul>
<hr>			
		
<h3>RECOMMANDATIONS AUX DEBUTANTS</h3>
<ul>
	<li>Faire évoluer un modèle radiocommandé n'est pas sans danger. L'hélicoptère peut provoquer des blessures, voir des amputations graves, selon la taille des rotors.</li>
	<li>Respecter les distances de sécurité, concernant le public, ou des visiteurs éventuels.</li>
	<li>Maintenir le modèle en bon état, mécanique et électronique.</li>
	<li>Choisir un terrain bien dégagé, avec une aire de décollage/atterrissage adéquate.</li>
	<li>Avant le vol, toujours vérifier l'état du modèle, de la charge des accus, y compris ceux de la radio.</li>
	<li>Avant de décoller, tester toutes les commandes de vol; au besoin, effectuer un...

CSS

<!DOCTYPE html>

<html lang="fr"/>
	
<head>
	<meta charset="utf-8"/>
	<title>Vol_hélico en html</title>
	<link rel="stylesheet" type="text/css" href="helico.css">

<style>
	
	h1 {color:#f5e627;text-align: center; text-shadow: 4px 4px grey;
	}
	
	h3 {color:#f5e627; padding-left: 10px; /* Décale les titres de paragraphe à droite*/
	}
	
	p {font-size:130%; padding-left: 10px; /* Paragraphe décalé à droite*/
	}

	li {font-size:130%;
	}
	
	


	.image{
	float:left;
	margin: 0 15px 15px 0 /* Place le texte à droite de l'image*/
	}
			
	plat_trex_a.jpg{
	winth: auto;
	height: auto;
	margin: 10px 0 0 210px
	}			
			
</style>
</head> 
	

</html>