使用<p>标记内联div

Question

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

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

请注意＆lt; p＆gt;标签和＆lt; div＆gt;按钮的标签应该是内联的。

我使用以下代码：

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

使用代码时，代码无法正常呈现，并且“关注”按钮始终显示在＆lt; p＆gt;下方。标签

Answer 1

你需要内联两个元素：

你的HTML：

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

你的css：

p { display: inline; }
div { display: inline; }

（注意，如果你希望它们像块元素一样，你也可以将它们设置为'inline-block'）

Answer 2

更改您的代码如下：

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

Answer 3

因为<div＆gt;总是占用100％的宽度。为什么不用<button>代替<div>。

Answer 4

您可以使用此单行代码

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