title: Display text in the middle of box (vertically)
body: <p>I have a box of fixed width and height, I have a link in it, i want to display the link in the center of box (vertically). Please see this jsfiddle to see the problem</p>
  
  <p>Demo: <a href="http://jsfiddle.net/a5hP3/" rel="nofollow">http://jsfiddle.net/a5hP3/</a></p>
  
  <p>Here's code anyway:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="box"&gt;
      &lt;a href="#"&gt;put it down, in center of box&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.box
  {
     width: 200px;
     height: 300px;
     border:1px solid green;
  }
  
  .box a{
        vertical-align:middle; //doesnt work
  }
  </code></pre>