title: Vertical align text with a link inside a div block
body: <p>Can't center text vertically with a link, this is my html code:</p>
  
  <pre><code>&lt;div style="background: #F7C0B9;width: 645px;height: 70px;margin: 0 auto;outline: 1px solid #FFF;text-align: center;vertical-align: middle;line-height: 70px;"&gt;
      &lt;p style=""&gt;
          Text &lt;br /&gt;
          &lt;a href="#"&gt;
              Link
          &lt;/a&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried to specify vertical align, to p tag, also tried line-height, but no success, link still is out of position.</p>
  
  <p>jsfiddle : <a href="http://jsfiddle.net/85q6wqjx/" rel="nofollow">http://jsfiddle.net/85q6wqjx/</a></p>