如何將文本與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。