title: Can't text-align:center on css
body: <p>I can't seem to get my "Home" buttons to the center. The home text is at the left instead of the center.I have my htm and css linked like this:
  html:</p>
  
  <pre><code>  &lt;html&gt;
    &lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="background.css"/&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;h1&gt;Bully-Free Zone&lt;/h1&gt;
    &lt;h2&gt;"Online harassment has an off-line impact"&lt;/h2&gt;
    &lt;a href="New.html" class="nav-link"&gt;Home&lt;/a&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>a.nav-link:link
  {
  color: black;
  text-decoration: underline;
  font-family:broadway;
  font-size:30px;
  text-align:center;
  }
  a.nav-link:visited
  {
  color: black;
  text-decoration: none;
  }
  a.nav-link:hover
  {
  color: black;
  text-decoration: none;
  }
  a.nav-link:active
  {
  color: black;
  text-decoration: none;
  }
  </code></pre>