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 !!!
A voir également:

1 réponse

dugenou Messages postés 6262 Statut Contributeur 1 452
 
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
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
dugenou Messages postés 6262 Statut Contributeur 1 452 > 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
Utilisateur anonyme
 
ok
0