<ul class="menu">
  <li><a href="accueil.html">Accueil</a></li>
  <li><a href="#un">Contact</a></li>
</ul>
<div id="un">Contact</div>

contact@jeanmartialguilhem.com

#un{
  margin-top:500px;
}
 .menu {
  display:flex;
  justify-content:center;
}
.menu li, .menu a{
  margin:0 10px 0 10px;
  color:pink;
  background-color:yellow;
  padding:5px 10px 5px 10px;
  list-style-type:none;
  text-decoration:none;
}

.menu li:hover, .menu a:hover{
  background-color:pink;
  color:yellow;
}
.menu a{
  
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.