Html 显示：内联；还有重叠？

我有下面的答案。error类来自这里

我在div中添加了display:inline，这样它就不会占用整行。但是，现在它没有进入下一行，而是停留在同一行上，并绘制在链接或登录表单的顶部。我该如何妥善处理这件事？我不知道是否应该添加一个

（如果可行）或更改属性css

<div class="login">
<form action="/login" method="Post"><div>
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="Login">
</div></form></div>
<div class="error">Error back - Title</div><br>

</body>
</html>

返回错误-标题

显示：内联

使它的行为就像是另一项进入页面的正常文本流一样。因此，如果您希望它被强制下一行，那么是的，您需要添加一个

。但是，如果您只是想限制错误消息框的宽度，但仍将其保留在自己的行中，那么您可能首先不希望

显示：inline

，而是只希望将

宽度：

属性设置为您希望框的大小（例如，

宽度：500px；

表示500像素宽，或

宽度：50%；

表示包含元素宽度的一半）