如何水平對齊社交分享按鈕？

Question

我看過幾個網站，這些social share buttons看起來完全水平對齊。考慮到許多這些按鈕是iframe。
這是我目前的痛苦局面：

Answer 1

更改margin-top你的I幀（或div元素上面）爲負值，讓他們排隊。使用試驗和錯誤，一旦你使用以下HTML標識正確elemtn，直到你得到它的權利，例如：

<div id="twitter"> 
    <iframe/> 
</div> 
<div id="facebook"> 
    <iframe/> 
</div> 
<div id="digg"> 
    <iframe/> 
</div> 

的CSS會是這個樣子：

div#facebook 
{ 
    margin-top:-5px; 
} 
div#digg 
{ 
    margin-top:-10px; 
}