html - JQuery 内联文本移位

Question

我有一个提交按钮，点击它时，jquery 检查是否选择了任何内容。如果不是，那么它会在错误消息上执行 show() 。这是 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>