title: Can't Center Twitter Follow Button and Some Text Cut Out
body: <p>I'm getting some peculiar behavior on my twitter follow button. It doesn't seem to center and some text is cut out (text should be 'Follow @HackerUofT' but it only shows 'Follow').
  Link <a href="http://hacker-universityoftoronto.appspot.com/" rel="nofollow">http://hacker-universityoftoronto.appspot.com/</a> </p>
  
  <pre><code>&lt;center class="social_media"&gt;
      &lt;a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false"&gt;Follow @HackerUofT&lt;/a&gt;
      &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");&lt;/script&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>When I inspect element on Chrome and change the center to a div it seems to fix everything but when I actually edit the code to a div it doesn't work. </p>