JSFiddle - React, Tailwind, and code Playground

by Mukul kant

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
{

text-align: center;
border: 1px solid black;
position: absolute;
top: 70px;
right: 60%;
    padding:10px
}


#navright
{
position: absolute;
top: 70px;
left: 60%;
text-align: center;
border: 1px solid black;
    padding:10px
}

#navright ul , #navleft ul
{
 margin:0px;
    padding:0px
}

#navright ul li , #navleft ul li
{
    list-style:none
}