html - 如何让这两个元素彼此相邻

Question

所以早些时候我正在编写我的网站联系表格，我想制作它，所以我不得不选择，返回或发送。但我注意到他们没有在一起。现在，我知道这可能是一个非常愚蠢的问题，但我刚从假期回来，所以我脑子里放了一个大屁。我会喜欢我能得到的所有帮助。

这是我的 HTML：

<p>Go Back <sup>or</sup></p><input type="submit" value="Send!" name="submit" />

我希望我能展示一张图片，但我现在不能。

Answer 1

将此样式添加到<p>标签中：

display: inline-block;

示例：http: //jsfiddle.net/jUS7Y/1/

p {
    display: inline-block;
}

尝试在其上使用类或 id，否则所有<p>-tags 将变成inline-blocks。

HTML

<p class="myDescription">Go Back <sup>or</sup></p>
<input type="submit" value="Send!" name="submit" />

CSS

.myDescription {
    display: inline-block;
}

Answer 2

标签的<p></p>作用就像一个中断来分割 HTML 文档中的内容。在段落中包含提交按钮以避免中断。

<p>Go Back <sup>or</sup> <input type="submit" value="Send!" name="submit" /></p>