スタイリングはFacebookのボタンを整列させるのに役立ちません

Question

私はここにはFacebook推奨ボタンが付いたdivがあるページがあります。

http://www.comehike.com/hiking.php

私はFacebookのコードの周り

 <div style="align:center"> 
<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js#appId=217585988283772&amp;xfbml=1"></script> 
<fb:like href="" send="true" width="450" show_faces="false" action="recommend" font=""></fb:like> 
     </div> 

このスタイリングを置くしかし、それはそのdiv要素の中央に整列しません。それを中央に整列させる方法に関するアイデアはありますか？

Answer 1

あなたがautoに設定され、左右の余白とそれを中心に、そしてそれをその親よりも小さい幅を与えることでしょうので、div要素は、ブロックレベル要素です：

.style-me { 
    margin: 0 auto 0 auto; 
    width: 450px; 
} 

変更450上divとiframeを必要なものに変更します私はあなたがここで行っている最終結果についてはわかりません。

Answer 2

何を揃えることは、それはこのタグをない生成IFRAMEである：それが容易になります

：

が放火犯やインスペクタを使用してドムを閲覧するあなたは私が

UPDATEを言っているかを確認します

<div class="style-me"> 
<script src="http://connect.facebook.net/en_US/all.js#appId=217585988283772&amp;xfbml=1"></script> 
<fb:like href="" send="true" width="450" show_faces="false" action="recommend" font=""></fb:like> 
</div> 

CSS：

例えば、含むDIVを親要素のスタイル

.style-me { 
    ...rules 
}