显示:内联;重叠?

时间:2010-01-21 21:38:55

标签: html css

我有以下内容。错误类来自此处http://css.dzone.com/news/css-message-boxes-different-me

我添加了display:内联到div,所以它不会占用整行。但是现在不是进入下一行而是停留在同一行,而是在链接或登录表单上绘制。我该如何妥善处理?我不知道我是否应该添加<br>(如果可行)或更改属性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>

1 个答案:

答案 0 :(得分:2)

display:inline使其行为就好像它只是另一个适用于页面普通文本流的项目。因此,如果您希望将其强制下一行,那么是的,您需要添加<br>。但是,如果您只是想限制错误消息框的宽度但仍然在自己的行上,那么您可能首先不需要display:inline - 相反,您只想设置width:属性,无论您希望框是多大(例如,width:500px;为500像素宽,或width:50%;为包含元素宽度的一半。)

相关问题