Html 另一个div的边距前的div，浮动div

我试图将两个div相邻浮动，我希望右div相对于其父div给出一个边距，而左div显示在右div的边距前面

下面我有一些标签和输入字段的代码。我给了inputwrapper一个220px的左边空白，以便垂直对齐inputfields，但它们没有

所以我的问题是如何在不使用表的情况下使这些输入字段垂直对齐

提前谢谢

代码段：

*{
框大小：边框框；
}
html，正文{
边际：0px；
填充：0px；
字体系列：日内瓦，无衬线；
字号：13pt；
}
.登记员{
边框：1px黑色实心；
高度：自动！重要；
宽度：600px；
显示：块；
填充：10px；
保证金：50px自动；
}
卷心菜{
边框：1px红色实心；
浮动：左；
显示：块；
z指数：100；
}
.输入包装器{
边框：1px蓝色实心；
左边距：220px；
浮动：左；
显示：块；
z指数：1；
}
.行{
边框：蓝紫色1px固体；
位置：相对位置；
填充：3倍；
宽度：自动！重要；
显示：块；
溢出：自动；
}
.罗：之后{
内容：“；
明确：两者皆有；
显示：块；
}

用户名：
选择密码：
再次输入您的密码：
姓名：

使用

位置：绝对用于
labelwrapper
类


*{
框大小：边框框；
}
html，正文{
边际：0px；
填充：0px；
字体系列：日内瓦，无衬线；
字号：13pt；
}
.登记员{
边框：1px黑色实心；
高度：自动！重要；
宽度：600px；
显示：块；
填充：10px；
保证金：50px自动；
}
卷心菜{
位置：绝对位置；
边框：1px红色实心；
浮动：左；
显示：块；
z指数：100；
}
.输入包装器{
边框：1px蓝色实心；
左边距：220px；
浮动：左；
显示：块；
z指数：1；
}
.行{
边框：蓝紫色1px固体；
位置：相对位置；
填充：3倍；
宽度：自动！重要；
显示：块；
溢出：自动；
}
.罗：之后{
内容：“；
明确：两者皆有；
显示：块；
}

用户名：
选择密码：
再次输入您的密码：
姓名：
只需在css文件中更改以下类即可

.labelwrapper {
 border: 1px red solid;
 float: left;

 }

.inputwrapper {
border: 1px blue solid;
float: right;
margin-right:100px;

}

好的，谢谢你。您还可以解释一下它是如何工作的吗？对labelwrapper类使用position:absolute属性。它工作的原因是
position:absolute
将元素从文档流中取出。这意味着输入的左边距不是根据标签计算的，而是根据包含div的左边框计算的。例如，您还可以使用
class=“col-sm-6”
内部
使用css表格显示属性<代码>显示：表格单元格

。。。