JQuery内联文本转换

Question

我有一个提交按钮，点击，jquery检查是否已选择任何内容。如果没有，那么它会在错误消息上显示（）。这是html：

<p id="error_message" style="display:inline">dfd</p><input type="submit" class="button" name="Submit" value="Submit" />

一开始邮件被隐藏，但如果用户点击提交而未选择选项则会显示。问题是，我的文字显示会改变我的提交按钮。如果没有消息，这就是提交的样子：

以下是显示消息后的样子：

如您所见，提交按钮向右移动。我必须显示内联，如果我想要错误消息并提交出现在同一行，但我如何防止任何移动？感谢

Answer 1

如果您将按钮设置为float:right;，它将保留在其容器的右端，直到来自左侧div的内容强制它下降到下一行。

所以html：

<div class='container'>
    <p id='error_message' style='display:inline;float:left;' >dfd </p>
    <input type='submit' style='float:right;' name='submit'>
</div>

Answer 2

将按钮的位置设置为绝对，或者将错误消息的宽度设置为固定的