I need to center the text in the div, but I have no idea how to. If someone could please help me, that would be absolutely wonderful.

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>   

```