Html 内联显示将无法定位

我一直在努力让一个简单的“登录”表单垂直显示并定位。看来我可以做一件或另一件，永远不能两者兼而有之。我尝试过不同的方法，但都没有成功，所以这基本上就是我上一次尝试的方法

HTML

---

现在，CSS的目标是DOM中的

元素和带有一类输入的

元素。我相信您试图做的是以login类为目标，表单中的元素使用login类。尝试修改CSS，如下所示：

.login {
    position:absolute;
    top:10px;
    left:185px;
}

.login input { 
    display: inline; 
}

---

您的CSS是错误的

login

意味着DOM中某处有一个

元素。您有一个带有登录类的表单。您需要像这样以登录类为目标：

.login{…}

。对于输入，您希望将其样式设置为

。登录输入{…}

或

。登录输入[type=“text”]{…}

登录

应为

。登录

此外，此

显示：内联没有意义，
输入
标签默认是按其所说的内容内联的，还有一把小提琴：
login {
position:absolute;
top:10px;
left:185px;
}

login.input { 
display: inline; 
}

.login {
    position:absolute;
    top:10px;
    left:185px;
}

.login input { 
    display: inline; 
}