Comment centrer le texte dans mon div

Question

Je dois centrer le texte dans la div, mais je n'ai aucune idée de comment. Si quelqu'un pouvait m'aider, ce serait absolument merveilleux.

CSS

#nav { 
width: 425px; 
height: 50px; 
margin: 0 auto; 
color: white; 
font-size: 25px; 
font-family: Mager; 
} 

#nav li { 
list-style: none; 
float: left; 
} 

#nav li:hover { 
opacity: .6; 
} 

HTML

<div id="nav"> 

<ul> 
    <li>Home</li> 
    <li>&nbsp;&nbsp;</li> 
    <li>Soundcloud</li> 
    <li>&nbsp;&nbsp;</li> 
    <li>Facebook</li> 
    <li>&nbsp;&nbsp;</li> 
    <li>Contact</li> 
</ul> 

Answer 1

Utilisez la propriété text-align:

#nav li { 
    list-style: none; 
    float: left; 
    text-align:center; 
} 

Mais notez que vous utilisez float:left, donc à moins que vous ne définissiez une largeur, vous ne verrez aucun voir aucun.

Here's a jsFiddle demo

Answer 2

J'ai fais un petit violon, vous pouvez voir ... http://jsfiddle.net/Azzamean/fjnuw/67/

HTML:

<div id="menu"> 
    <header> 
     <ul> 
      <li><a href="#">Home</a> 
      </li> 
      <li><a href="#">Sound Cloud</a> 
      </li> 
      <li><a href="#">Facebook</a> 
      </li> 
      <li><a href="#">Contact</a> 
      </li> 
     </ul> 
    </header> 
    </div> 

Et le CSS:

ul { 
    list-style-type: none; 
    padding: 0; 
    overflow:hidden; 
} 
a:link, a:visited { 
    margin:0 auto; 
    display:block; 
    width: 120px; 
    font-weight:bold; 
    color:#FFFFFF; 
    text-align:center; 
    padding:4px; 
    text-decoration:none; 
    text-transform:uppercase; 
    } 
    a:hover, a:active { 
    background-color:#FFFFFF; 
    color:#E80000; 
    } 
    li { 
    display:inline-block; 
    } 
    #menu { 
    background-color:#E80000; 
    text-align:center; 
    }