title: HTML-CSS Center Text horizontally and vertically in a link
body: <p>I am trying to make a link which has a <code>height</code> and a <code>width</code> of 200px.
  The text of the link shall be centered vertically and horizontally.</p>
  
  <p>This is my CSS so far:</p>
  
  <pre><code>a:link.Kachel {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #383838;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
  }
  </code></pre>
  
  <p>and this the HTML-code:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;
      &lt;a class="Kachel" href="#"&gt;Test&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The text is horizontally centered but not vertically.</p>
  
  <p>Any idea how to get the text centered both horizontally and virtically?</p>