如何使按钮与文本垂直对齐？

Question

我有这个HTML：

<div id="details">
    In the meantime, 
    <a href="http://www.twitter.com/iDreamStill" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/follow_me-c.png" alt="Follow iDreamStill on Twitter"/></a>
    or 
    <a href="http://twitter.com/share" class="twitter-share-button" data-text="DreamStill, a social music platform, is launching soon! Check it out!" data-count="none" data-via="iDreamStill" data-related="JustinMeltzer:Founder">Tweet</a>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> us.
</div>  

结果如下：

如何让文字和按钮全部垂直居中？

Answer 1

在大多数情况下，应用于每张图片的

vertical-align: middle应解决问题。

但是如果按钮在一侧有阴影或者没有完全平衡，则可能无法获得像素完美对齐。在这种情况下，使用更强大的力量：

#details img { position: relative; top: -2px; }

Answer 2

您是否尝试过vertical-align：

#details img, #details iframe {
  vertical-align: middle;
}

更新

作为徽章的调整有一些特殊的标记。看到它的实际效果 - http://jsfiddle.net/8zcZf/