2013-08-22 83 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='' />