центрирование кода FB html5

Question

Попытка получить html5-код ​​из Facebook Like box по центру.

Вот код по умолчанию:

 <div id="fb-root"></div> <script>(function(d, s, id) {   var js, fjs =
 d.getElementsByTagName(s)[0];   if (d.getElementById(id)) {return;}  
 js = d.createElement(s); js.id = id;   js.src =
 "//connect.facebook.net/en_US/all.js#xfbml=1";  
 fjs.parentNode.insertBefore(js, fjs); }(document, 'script',
 'facebook-jssdk'));</script> <div class="fb-like-box"
 data-href="http://www.facebook.com/mycreditdoctor" data-width="460"
 data-show-faces="true" data-stream="false" data-header="false"></div>

Я пытался найти этот сайт и Google, но не должен вводить правильные ключевые слова (я также начинающий в HTML)

Плагин WordPress позволяет мне просто вставить скрипт, так что его легко отобразить, но он выровнен по левому краю.

Может кто-нибудь сообщить мне, что вы можете добавить к этому html-скрипту, чтобы он был выровнен по центру?

Answer 1

Вставьте код в <center> ... </center>.

Answer 2

центральный тег может быть устаревшим, но это единственный, который работает в этом случае. Техники CSS, кажется, не имеют никакого эффекта.

Answer 3

Я изменил data-width на меньшее значение (должно быть пропорционально центру, который вы хотите центрировать) и использовал тег <center> перед классом <div class>.