title: Centering Navigation buttons for my website
body: <pre><code>    &lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.php?about"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.php?products"&gt;Products&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.php?blog"&gt;Blog&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.php?contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>That is the list that has the things in it. </p>
  
  <pre><code>nav ul li{
      list-style: none;
      float: left;
  }
  
  nav ul li a{
      text-decoration: none;
      display: block;
      float: left;
      padding: 5px 15px;
      color: white;
  }
  </code></pre>
  
  <p>Those are the CSS things it currently has, I can't seem to make them be centered. I've looked around for about an hour, but I'm pretty much not having any luck with my current skill in this field.</p>