Centre Nav Bar Elements

Question

<div id="wrapper" class="hfeed"> 
<div id="access"> 
    <div id="menu"> 
    <ul> 
     <li class="page_item page-item-2"><a title="About" href="/?page_id=2">About</a></li> 

     <li class="page_item page-item-20"><a title="Support" href="/?page_id=20">Support</a></li> 

     <li class="page_item page-item-22"><a title="Links" href="/?page_id=22">Links</a></li> 

     <li class="page_item page-item-47"><a title="About" href="/?page_id=47">About</a></li> 
    </ul> 
    </div> 
</div><!-- #access --> 
</div> 

Mon CSS actuel:

div#menu { 
background:#000; 
height:1.5em; 
margin:1em 0; 
} 

div#menu ul,div#menu ul ul { 
line-height:1; 
list-style:none; 
margin:0; 
padding:0; 
} 

div#menu ul a { 
display:block; 
margin-right:1em; 
padding:0.2em 0.5em; 
text-decoration:none; 
} 

div#menu ul ul ul a { 
font-style:italic; 
} 

div#menu ul li ul { 
left:-999em; 
position:absolute; 
} 

div#menu ul li:hover ul { 
left:auto; 
} 

Est-ce mon menu mais je ne suis pas sûr de savoir comment il centre au milieu de la page.

Answer 1

essayer d'utiliser cet attribut css: text-align et vertical-align
http://www.w3schools.com/css/pr_pos_vertical-align.asp
http://www.w3schools.com/CSS/pr_text_text-align.asp
Je ne vous est votre code html est la page d'entrée ou non, je ne peux pas modifier le css pour vous, essayez de le faire par vous-même si possible.

Answer 2

Si vous voulez centrer sur la grille x vous pouvez utiliser la technique simple des marges d'auto:

1. Définissez votre corps afin qu'il aligne le texte au centre:
   body{text-align:center;}

2. Réglez votre conteneur avec la marge automatique gauche et droite et aussi de sorte qu'il aligne tout le texte vers la gauche:
   #wrapper{margin:0 auto;text-align:left;}

Du côté vertical, il est un peu plus compliqué de suivre cet article:
http://phrogz.net/css/vertical-align/index.html

Answer 3

Comme quoi hitautodestruct dit il y a deux façons, mais vous devez décrire ce que vous voulez.

Voulez-vous que tout le centre du bloc de navigation soit aligné?
Si oui, vous pouvez le faire dans le css (changer la largeur à ce que jamais vous neeed à être):

div#menu { 
    width:500px; 
    margin: 0px auto; 
} 

Voulez-vous le contenu dans le naviagtion de centrer?
Si oui puis ajoutez ceci à votre css:

ul { 
    text-align:center; 
} 

Si ceux-ci ne sont pas ce que vous cherchez, pouvez-vous décrire plus en détail s'il vous plaît! Cheers