2013-08-22 78 views
-2

我使用這些服務的推薦嵌入代碼並排嵌入Twitter按鈕和LinkedIn個人資料按鈕。垂直對齊這些按鈕

但是,每個都顯示爲垂直脫機。我想要兩個垂直對齊 - 每個在包含div的垂直中心。

這裏是他們如何看我的網站...

grab

這裏是我的代碼...

<div class="promos"> 
<div class="container"> 
    <a href="https://twitter.com/RobertAndrews" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true">Follow @RobertAndrews</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
    <a href="http://uk.linkedin.com/in/robertandrews"><img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" border="0" alt="View Robert Andrews's profile on LinkedIn"></a> 
</div> 

感謝

+2

看起來不錯,在這裏:HTTP://的jsfiddle .net/R7tvx/ – melancia

回答

3

像這樣

DEMO

a{ 
     vertical-align:middle; 
    } 
+1

不應用vertical-align:middle;它看起來很好。 –

+0

@ C-Link給你的答案不能在這個評論中給出答案好吧 – falguni

+0

只是通知,,,沒有別的.... –

0

你可以試試這個

.twitter-follow-button{ 
     vertical-align:top; 
    } 

http://jsfiddle.net/kPPHB/

也應關閉圖像標籤

<img src='' />