Не удается войти в центр Twitter. Кнопка и некоторый текст вырезаны

Question

Я получаю какое-то своеобразное поведение в моей следующей кнопке Twitter. Кажется, что он не центрирован, а текст отключен (текст должен быть «Follow @HackerUofT», но он показывает только «Follow»). Link http://hacker-universityoftoronto.appspot.com/

<center class="social_media"> 
    <a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false">Follow @HackerUofT</a> 
    <script>!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");</script> 
</center> 

Когда я инспектировать элемент на Chrome и изменения центра к DIV это, кажется, все исправить, но когда я на самом деле изменить код на DIV он не работает.

Answer 1

Не используйте тег ceneter, поскольку он будет удален в стандартах html5. Используйте text-align. http://jsfiddle.net/6f5aL/

<div style="text-align:center"> 
    <a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false">Follow @HackerUofT</a> 
    <script>!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");</script> 
</div> 

Answer 2

Got виновника. Когда я проверяю ваш код, атрибут show-screen-name был установлен в false.

Просто добавьте data-show-screen-name="true" к вашей линии <a href>, как показано ниже.

<a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @HackerUofT</a> 

Ничего другого для изменения.

Cheers !!!

Answer 3

Добавить текст выравнивать в классе компьютерного центра социальных медиа

.social_media 
{ 
    text-align:center 
} 

http://jsfiddle.net/CsETG/