title: CSS Center nav bar links
body: <p>Having trouble centering some text links on my nav bar, margin left and right auto aren't working and i've tried setting display types to block/inline-block to no avail. The solution is probably staring me in the face I know but I really can't find it.</p>
  
  <p>CSS:</p>
  
  <pre><code>.navmenu {
      background-color: #1e1e1e;
      background-image: url("../images/NavBar.gif");
      background-position: top;
      border-top: 1px solid #383838;
      margin-bottom: 5px;
      z-index:105;
  }
  .navlink {
      margin-left:auto;
      margin-right: auto;
      width: 100%;
      font-size: 28px;
      text-transform: uppercase;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="navmenu"&gt;
      &lt;div class="navlink"&gt;
          &lt;a href="index.php"&gt;Home&lt;/a&gt;
          &lt;a href="http://twitch.tv/" target="_blank"&gt;Twitch&lt;/a&gt;
          &lt;a href="http://youtube.com/" target="_blank"&gt;YouTube&lt;/a&gt;
          &lt;a href="http://twitter.com/" target="_blank"&gt;Twitter&lt;/a&gt;
          &lt;a href="http://facebook.com/" target="_blank"&gt;Facebook&lt;/a&gt;
          &lt;a href="teamspeak.php"&gt;Teamspeak&lt;/a&gt;
          &lt;a href="/forum/"&gt;Forum&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>