HTML CSS h3 iframe 定位

Question

我有一个 h3 标签、一个段落和 facebook iframe Like 按钮。

 <h3>Spread out the word</h3>

<iframe src="//www.facebook.com/plugins/like.php?;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>

<p class="txtlike">Like us on Facebook</p>

我如何才能设置 CSS，使 like 按钮位于 h3 标签旁边(在同一行中)并具有可能的全宽，以便按钮可以扩展(一些不同的语言扩展了按钮)。我发现它有效的唯一方法是将 iframe 放在 h3 中，我知道这是错误的。

Answer 1

这可能有帮助:

h3{
  display: inline-block;
  /*or...*/
  display: inline;
}