Je n'arrive pas à center mon menu de navigation merci d'avance ;)

Utilisateur anonyme -  
 Utilisateur anonyme -
J'aimerais centrer mon menu de navigation merci ;)
Voilà mon code :
/***Le Menu***/

.menu{
  background-image: linear-gradient(#AD2CFF, 60%, transparent);
  padding-bottom: 10px;
  border-bottom: 1.5px solid white; 
}

ul{
  list-style-type: none;
  padding: 0;
  width: 900px;
  margin: 0;
}

li a{
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5em;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

a:hover{
  color: purple;
}

mon code html si cela pose un pb :
<header>
  <div class="menu">
    <nav>
      <ul>
        <li>
          <a href="index.html">HOME</a>
          <a href="news.html">NEWS</a>
          <a href="webdesign.html">WEBDESIGN</a>
          <a href="about.html">ABOUT</a>
        </li>
      </ul>
    </nav>
  </div>
</header>


EDIT : Ajout des balises de code

et autre chose comment on met un paragraphe tout en bas du footer merci d'avance !!!

1 réponse

  1. dugenou Messages postés 6262 Statut Contributeur 1 455
     
    Bonjour,

    Ajoute des marges automatiques :

    .menu{
    background-image: linear-gradient(#AD2CFF, 60%, transparent);
    padding-bottom: 10px;
    border-bottom: 1.5px solid white;
    margin-left:auto;
    margin-right:auto; 
    } 


    0
    1. Utilisateur anonyme
       
      merci et tu sais mettre un paragraphe en bas d'un footer j'ai essayé la propriété vertical-align : baseline; et cela ne marche pas merci d'avance. ;)
      0
      1. dugenou Messages postés 6262 Statut Contributeur 1 455 > Utilisateur anonyme
         
        Ça dépend de la structure de ta page et de ton code CSS, mais je ne suis pas un spécialiste du CSS.

        Ce que j'utilise sur mon site personnel (voir mon profil), n'est pas forcément valable pour ton site.
        0
    2. Utilisateur anonyme
       
      ok
      0