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，因此类似按钮位于h3标签旁边（在同一行中）并且可以使用全宽，因此按钮可以展开（某些不同的语言扩展按钮）。我发现它工作的唯一方法是将iframe放在h3中，我知道这是错误的。

Answer 1

这可能会有所帮助：

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

Answer 2

在你的CSS中使用以下内容。希望它有所帮助

h3
{
    width:25%;  
    float:left; 
}
iframe 
{
  width:75%;
}

相应地改变宽度。