html - 如何将文本与 Twitter 按钮对齐？

Question

如何将文本与 Twitter 按钮对齐？

这就是我希望它对齐的方式:

这是代码:

<div class="pull-right">
            <p>text <b>text</b> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1357735024.html#_=1358118140271&amp;id=twitter-widget-0&amp;lang=it&amp;screen_name=test&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button" style="width: 214px; height: 20px;" title="Twitter Follow Button" data-twttr-rendered="true"></iframe>
              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </p>
</div>

Answer 1

vertical-align CSS 属性似乎正是您要寻找的。

这是一个 working example of your code我做了。