title: CSS text-align. I don't know whats wrong with my code
body: <p>I have just started to code.  But I ran into a error in my css.  The error is that I want the button to align to center but it will not align.</p>
  
  <p>It is probably obvious but I don't know what is wrong.</p>
  
  <p>Please help me. I would love it if you would help.
  Here is my code: </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;h1&gt;Help&lt;/h1&gt;
  &lt;/head&gt;    
  &lt;body&gt;
      &lt;br&gt;
      &lt;a class="button" onClick='window.location="view-source:" + window.location.href' target="_blank"&gt;View Source&lt;/a&gt;
  &lt;/body&gt;
  
  &lt;style&gt;
      h1 {
          color: black;
          text-align: center;
      }
  
      a[target=_blank] {
          text-align: center;
      }
  
      .button {
          text-align: center;
          padding: 0 5px 5px 5px;
          background-color: #dcdcdc;
          border: 1px solid #666;
          color: #000;
          text-decoration: none;
          font-family: "arial";
          font-size: 100%;
      }
  &lt;/style&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I can't find anything on the web </p>