Insertion d’une barre de navigation avec les balises HTML Nav – UL – LI et CSS associé

Code HTML :

<nav>
    
  <ul class="navigation">
    
    <li> <a href="https://toolbox.estelle-autier.fr/"> ACCUEIL</a>
      </li> 
   
      
    <li> <a href="https://toolbox.estelle-autier.fr/2019/11/05/background-image/"> TOOLBOX </a>
      </li> 
    
      
      <li> <a href="https://estelle-autier.fr/"> LANDING PAGE </a>
        </li> 
  
        
        <li> <a href="https://toolbox.estelle-autier.fr/2019/11/05/background-image/"> ACCUEIL  </a>
          </li> 
 
          
          <li> <a href="https://toolbox.estelle-autier.fr/2019/11/05/background-image/"> ACCUEIL </a>
            </li> 

    
    
  </ul>
    
  </nav>

Code CSS :

.navigation li {
  display: inline;
  padding:50px; 
  margin:15px;
  font-family:arial;
  font-size:15px;
}

ul {
  text-align:center;
}

a { 
color:#FFFFFF;

}

nav { 
  background:black;
  padding:15px;
  height:15px;
}