W3Schools Tryit Éditeur

<!DOCTYPE html>
<html>
<head>
<style>
body {
marge: 0;
padding: 0;
}

h2, p {
  <h2>Règles de traduction</h2>
  <p>Vous êtes un traducteur technique professionnel.</p>
  <p>Traduisez le texte anglais suivant en français.</p>
  <p>Règles :</p>
  <ul>
    <li>Préservez tous les tags HTML exactement tels qu'ils sont.</li>
    <li>Ne supprimez, n'ajoutez ni ne réorganisez aucun tag HTML.</li>
    <li>Traduisez uniquement le texte lisible par l'homme.</li>
    <li>Gardez les exemples de code, les noms de variables et les mots-clés inchangés.</li>
    <li>Ne mettez pas la sortie entre guillemets.</li>
    <li>Produisez uniquement le texte français traduit.</li>
  </ul>
}
marge: 10px;
}

ul {
list-style-type: none;
marge: 0;
padding: 0;
débordement: caché;
couleur de fond: #333333;
}

ul li {
flottant: gauche;
}

ul li a {
afficher: bloc;
couleur: blanc;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

ul li a:hover:not(.active) {
couleur-de-fond: #111111;
}

ul li a.active {
couleur de fond: #D74444;
}
</style>
</head>
<body>

<ul>
  <li><a href="#home" class="active">Accueil</a></li>
  <li><a href="#news">Nouvelles</a></li>
  <li><a href="#contact">Contact</a></li>
  <li style="float:right"><a href="#about">À propos</a></li>
</ul>

</body>

</html>