Html CSS内联输入

我正在尝试创建响应注册表单。框在中间，输入将创建两个类似这样的输入

Input    Input 
Input    Input

代码：

正文{
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
背景：#ff0；
}
.登录{
文本对齐：居中；
宽度：350x；
框大小：边框框；
填充：40px；
背景色：白色；
}
.登录h2{
利润率：0.20px；
填充：0；
字体大小：30px；
文本转换：大写；
}
.login.input组{
位置：相对位置；
宽度：100%；
边缘底部：25px；
}
.login.input组输入{
高度：50px；
宽度：100%；
填充：0 20px；
框大小：边框框；
字号：18px；
大纲：无；
边框：1px实心#000；
}
.login.input组范围{
位置：绝对位置；
顶部：12px；
左：20px；
填充：0；
过渡：0.5s；
-webkit转换：0.5s；
-moz转变：0.5s；
-ms转换：0.5s；
-o-转变：0.5s；
指针事件：无；
背景：#fff；
文本转换：大写；
}
.login.input组输入：focus~span，
.login.input组输入：有效~span{
顶部：-10px；
左：10px；
字体大小：12px；
填充物：2px4px；
边框：1px实心#000；
背景：#ff0；
}
.login.input组输入[type=“submit”]{
背景：#ff0；
边界：无；
盒影：无；
文本转换：upper；
光标：指针；
字号：600；
}
.login.input组输入[type=“submit”]：悬停{
背景#ffc107；
}
.登入{
颜色：#262626；
文字装饰：无；
显示：块；
文本对齐：居中；
颜色：#666666；
}
.登录span{
颜色：#262626；
字号：600；
}

页面标题
登录
用户名
组织密码
密码
确认密码
名字
姓
电话号码
附属
电子邮件

使用并将输入组的百分比设置为

50%

/* Add */

form {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
}

.login .input-group {
  flex-basis: 45%;
}

正文{
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
背景：#ff0；
}
.登录{
文本对齐：居中；
宽度：550px；
框大小：边框框；
填充：40px；
背景色：白色；
}
.登录h2{
利润率：0.20px；
填充：0；
字体大小：30px；
文本转换：大写；
}
.login.input组{
位置：相对位置；
弹性基准：45%；
边缘底部：25px；
}
.login.input组输入{
高度：50px；
宽度：100%；
填充：0 20px；
框大小：边框框；
字号：18px；
大纲：无；
边框：1px实心#000；
}
.login.input组范围{
位置：绝对位置；
顶部：12px；
左：20px；
填充：0；
过渡：0.5s；
-webkit转换：0.5s；
-moz转变：0.5s；
-ms转换：0.5s；
-o-转变：0.5s；
指针事件：无；
背景：#fff；
文本转换：大写；
}
.login.input组输入：focus~span，
.login.input组输入：有效~span{
顶部：-10px；
左：10px；
字体大小：12px；
填充物：2px4px；
边框：1px实心#000；
背景：#ff0；
}
.login.input组输入[type=“submit”]{
背景：#ff0；
边界：无；
盒影：无；
文本转换：upper；
光标：指针；
字号：600；
}
.login.input组输入[type=“submit”]：悬停{
背景#ffc107；
}
.登入{
颜色：#262626；
文字装饰：无；
显示：块；
文本对齐：居中；
颜色：#666666；
}
.登录span{
颜色：#262626；
字号：600；
}
形式{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}

页面标题
登录
用户名
组织密码
密码
确认密码
名字
姓
电话号码
附属
电子邮件

使用并将输入组的百分比设置为

50%

/* Add */

form {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
}

.login .input-group {
  flex-basis: 45%;
}

正文{
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
背景：#ff0；
}
.登录{
文本对齐：居中；
宽度：550px；
框大小：边框框；
填充：40px；
背景色：白色；
}
.登录h2{
利润率：0.20px；
填充：0；
字体大小：30px；
文本转换：大写；
}
.login.input组{
位置：相对位置；
弹性基准：45%；
边缘底部：25px；
}
.login.input组输入{
高度：50px；
宽度：100%；
填充：0 20px；
框大小：边框框；
字号：18px；
大纲：无；
边框：1px实心#000；
}
.login.input组范围{
位置：绝对位置；
顶部：12px；
左：20px；
填充：0；
过渡：0.5s；
-webkit转换：0.5s；
-moz转变：0.5s；
-ms转换：0.5s；
-o-转变：0.5s；
指针事件：无；
背景：#fff；
文本转换：大写；
}
.login.input组输入：focus~span，
.login.input组输入：有效~span{
顶部：-10px；
左：10px；
字体大小：12px；
填充物：2px4px；
边框：1px实心#000；
背景：#ff0；
}
.login.input组输入[type=“submit”]{
背景：#ff0；
边界：无；
盒影：无；
文本转换：upper；
光标：指针；
字号：600；
}
.login.input组输入[type=“submit”]：悬停{
背景#ffc107；
}
.登入{
颜色：#262626；
文字装饰：无；
显示：块；
文本对齐：居中；
颜色：#666666；
}
.登录span{
颜色：#262626；
字号：600；
}
形式{
显示器：flex；
柔性包装：包装；
证明内容：