Html CSS文本框失去了顶行

我需要你帮我解释一下。我正在创建登录表单，但当我收到验证错误时，我在html文本框[input type=text]中遇到了问题，其中文本框的上一行丢失。请参阅所附图片。

正文{
保证金：0；
填充：0；
背景色：#141517；
}
* {
边界塌陷：塌陷；
}
氢{
文本对齐：居中；
}
.集装箱{
宽度：500px；
高度：500px；
保证金：50px自动；
字体系列：“Droid衬线”，衬线；
位置：相对位置；
}
.行{
宽度：320px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
字体系列：arial；
字体大小：13px；
颜色：#4F4F；
填充：10px 55px 40px；
背景色：#ffffff；
边框：5px纯白；
盒影：0 4px 8px#000000；
边界半径：5px；
}
输入[类型=文本]，
[类型=密码]{
宽度：97%；
高度：30px；
左侧填充：5px；
边缘底部：20px；
边缘顶部：8px；
颜色：#4F4F；
字体大小：16px；
}
#登录{
宽度：100%；
边缘顶部：5px；
填充物：5px；
字体大小：粗体；
光标：指针；
}
#报名{
宽度：100%；
边缘顶部：5px；
填充物：5px；
字体大小：粗体；
光标：指针；
}

登录
某些验证错误用户名：


密码：

问题：

我假设验证器在标记中插入一个块级元素，如下所示：

正文{
保证金：0；
填充：0；
背景色：#141517；
}
* {
边界塌陷：塌陷；
}
氢{
文本对齐：居中；
}
.集装箱{
宽度：500px；
高度：500px；
保证金：50px自动；
字体系列：“Droid衬线”，衬线；
位置：相对位置；
}
.行{
宽度：320px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
字体系列：arial；
字体大小：13px；/*你能试着这样写吗：

输入[type='text']{
代码在这里
}

仅显示单引号中输入的类型。
向我们显示您的代码，以便我们可以帮助您。请查看您使用的css库/框架上面的代码？此外，如果您可以向我们显示一个工作示例，我们将很容易修复此问题。当您收到验证错误时，会插入什么HTML？可能是动态插入的标记p无效…到目前为止显示的代码可能还不够，因为我们不知道您的
实际输出的内容。建议您在显示这些验证错误时，首先验证脚本输出的HTML代码，以查看您是否有任何错误。不客气！很高兴我能提供帮助。我希望您接受；）