Html 使div与<；p>；标签

对于我的网站，我一直想添加一个Facebook关注按钮。 我希望它看起来像这样：

在Facebook上关注我们：[关注按钮]

请注意，标记和按钮的标记应该是内联的

我正在使用以下代码：

<p>Follow us on Facebook:</p><div id="follow-button"></div>

在Facebook上关注我们：

---

当使用代码时，它无法正确渲染，并且以下按钮始终显示在标记下方

按如下方式更改代码：

<p style="display:inline-block;">Follow us on Facebook:</p><div style="display:inline-block;" id="follow-button">btn</div>

在Facebook上关注我们：

btn

---

它的宽度总是100%。为什么不使用

代替

您需要将这两个元素内联：

您的html：

<p> Follow us on Facebook: </p>
<div id="follow-button"> Button </div>

---

（注意，如果希望它们像块元素一样工作，也可以将它们设置为“inline block”）

您可以使用此单行代码

<p style="display:inline"> follow us on <div id="follow-button"    style="display:inline"> Button </div> </p>

跟随我们按钮

和

都是块元素。用别的东西。为什么不是两个跨度？

<p style="display:inline"> follow us on <div id="follow-button"    style="display:inline"> Button </div> </p>