html - 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%;
}

相应地改变宽度。