CSS标签元素的形式为赢得'；不能正确显示

当我在此处找到的表单上单击sumbit时：

验证消息没有按预期显示，我希望它们与输入元素一起显示，就像它们是内联的一样

我相信标签或输入样式规则可能是导致问题的原因。当它们浮动时，id为form的containg div向左浮动

#aform label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    text-align: left;
}

.inputstyle2 {
    float: left;
    margin-right: 240px;
    width: 300px;
}

#form {
    float: left;
}

---

如果您对我所做的错误有任何建议和解释，我们将不胜感激。

首先您需要删除

右边空白

并添加

清除：在
中同时添加
。inputstyle2
：

.inputstyle2 {
    clear: both;
    width: 300px;
}

错误标签仍将放置在输入字段下方，因为它们继承了
#aForm label
中的
清除：两个
，这将消除浮动效应。谢天谢地，您可以通过使用更具体的CSS选择器并删除
清除
：

#aForm label.error {
    clear: none;
}

没有人认真研究你网站的代码。我已经相应地修改了我的问题，以提供我认为导致问题的代码。谢谢你，我的头很痛，我现在似乎离你越来越近了。@user1554264没问题-我意识到我给你的答案不完全正确，不过，修改后的答案应该有效。最后一个问题是#表单标签出现在输入的右侧，再次感谢您的帮助。看来这是最后一件要解决的事情了。@user1554264我的更新答案会出现这种情况吗？注意，使用我更新的答案，您需要将
#aform label
恢复到问题中最初的状态。我恢复了#aform label，这解决了问题，您的知识有所帮助，问题也得到了解决。