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

我有这个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>  

同时,，
或
我们。

结果是：

---

如何使文本和按钮都垂直居中？

您是否尝试了垂直对齐

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

更新

---

由于徽章上有一些特殊标记，因此进行了调整。查看操作-

是否尝试垂直对齐：

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

更新

---

由于徽章上有一些特殊标记，因此进行了调整。请参见操作-

垂直对齐：应用于每个图像的中间部分在大多数情况下都可以解决问题

但是，如果按钮的一侧有阴影，或者不完全平衡，则可能无法实现像素完美对齐。在这种情况下，使用一点暴力：

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

vertical align:middle
应用于每个图像在大多数情况下都可以解决问题

但是，如果按钮的一侧有阴影，或者不完全平衡，则可能无法实现像素完美对齐。在这种情况下，使用一点暴力：

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

哇，谢谢你的否决票。参见更新，Tweet计数器注入了一些特殊标记<代码>垂直对齐：中间对齐是对内联元素执行此操作的正确方法。实际上，我没有投你反对票。。。是别人干的。我会在2分钟内接受你的回答哇，谢谢你的否决票。参见更新，Tweet计数器注入了一些特殊标记<代码>垂直对齐：中间对齐是对内联元素执行此操作的正确方法。实际上，我没有投你反对票。。。是别人干的。我会在2分钟内接受你的回答。把字体放大。：）使字体变大。：）因为这不是解决问题的方法；）@如果我错了，Thomas会纠正我，但这可能是因为您将其应用于包含元素。如果将
vertical align:middle
应用于
标记本身，则此操作确实有效。我在这台机器上没有IE6，但刚刚在IE7+中进行了验证。你说得对。我一直在误用它。我从来没有真正研究过标准，因为我主要使用table的valign。谢谢。@Thomas没问题。：）我有一个编辑正在等待同行对这个问题的审查，这应该为其他人澄清财产应该成为什么目标。因为这不是做这件事的方式；）@如果我错了，Thomas会纠正我，但这可能是因为您将其应用于包含元素。如果将
vertical align:middle
应用于
标记本身，则此操作确实有效。我在这台机器上没有IE6，但刚刚在IE7+中进行了验证。你说得对。我一直在误用它。我从来没有真正研究过标准，因为我主要使用table的valign。谢谢。@Thomas没问题。：）我有一个编辑正在等待同行对这个问题的审查，应该为其他人澄清财产应该成为什么目标。