如何将这两个元素保持在一起

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> - 标记都将变为inline-block s。

<强> 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>