title: Issue with getting text into the centre of div
body: <p>I have made some buttons to link people from my site to social media pages and the text in the Google Plus one is too low and I would like it to go higher in the div but I am struggling to do this, my code is here on <a href="http://jsfiddle.net/chrishall9521/9dj9u/" rel="nofollow">JS fiddle</a>.</p>
  
  <p>The buttons aren't complete yet, I just want to know how to get the text higher, cheers</p>
  
  <pre><code>.GooglePlus {
      color: black;
      font-size: 35px;
      border-radius: 100px;
      padding: 2px;
      font-family: Garamond;
      font-weight: bold;
      height: 40px;
      width: 40px;
      background-color: #D8D8D8;
      text-align: center;
      vertical-align: central;
  }
  a:hover .GooglePlus {
      background-color: #FE2E2E;
      color: white;
  }
  </code></pre>