JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<nav id="navleft">
  <ul>              
    <li><a href="#">Qui sommes nous ?</li></a>  
    <li><a href="#">Competences</li></a>

  </ul>             


</nav>

<nav id="navright">
  <ul>

    <li><a href="#">Zone d'intervention</li></a> 
    <li><a href="#">Contact</li></a> 

  </ul>
</nav>

CSS

#navleft {
  border: 1px solid black;
  position: absolute;
  right: 60%;
  text-align: center;
  top: 70px;
  width: 200px;
}
#navright {
  border: 1px solid black;
  left: 60%;
  position: absolute;
  text-align: center;
  top: 70px;
  width: 200px;
}
#navleft ul,#navright ul {
  padding: 0;
}