title: How to align link to center?
body: <p>I've been trying to figure out on how to align link to center. This is what I've got on my code.</p>
  
  <pre><code>    &lt;div class="cont"&gt;
    &lt;div class="form sign-in"&gt;
      &lt;h2&gt;Welcome back,&lt;/h2&gt;
      &lt;label&gt;
        &lt;span&gt;Email&lt;/span&gt;
        &lt;input type="email" /&gt;
      &lt;/label&gt;
      &lt;label&gt;
        &lt;span&gt;Password&lt;/span&gt;
        &lt;input type="password" /&gt;
      &lt;/label&gt;
      &lt;a href="facebook.com"&gt;&lt;span class="forgot-pass"&gt;Forgot password?&lt;/span&gt;&lt;/a&gt;
      &lt;button type="button" class="submit"&gt;Sign In&lt;/button&gt;
      &lt;button type="button" class="fb-btn"&gt;Connect with &lt;span&gt;facebook&lt;/span&gt;&lt;/button&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>And this is my css code for the class "forgot-pass"</p>
  
  <pre><code>.forgot-pass {
     margin-top: 15px;
     text-align: center;
     font-size: 12px;
     color: #cfcfcf;
  }
      .cont {
    overflow: hidden;
    position: relative;
    width: 1200px;
    height: 550px;
    margin: 0 auto 100px;
    background: #fff;
  }
  .form {
    position: relative;
    width: 640px;
    height: 100%;
    transition: -webkit-transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;
    padding: 50px 30px 0;
   }
  </code></pre>
  
  <p>I've tried this code</p>
  
  <pre><code>&lt;a href="facebook.com"&gt;&lt;span class="forgot-pass"&gt;Forgot password?&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>the css class <code>.forgot-pass</code> had been applied but the <code>text-align:center</code> is the only one that have not been applied.</p>
  
  <p>Is there something that I did wrong? Or another that I could get that in center?</p>