Html 使用flex的输入上的顶部标签

Im使用flex将输入格式化为行格式。但现在我正试图把标签放在这些输入的上面，但它不起作用。Im尝试使用显示块并向左或向右浮动，但仍保留在左侧。如何设置标签的样式，使其浮动到这些输入的顶部

以下是代码片段：

.box{
垫面：1毫米；
}
.盒子里面{
最大宽度：51雷姆；
保证金：0自动；
}
.表格组{
显示器：flex；
弯曲方向：立柱；
}
.行{
显示器：flex；
}
.razao的社会内容{
flex:2-1自动；
/*生长收缩基*/
}
.rua含量{
flex:61自动；
}
.市政内容{
弹性：4-1自动；
}
.数字内容{
弹性：自动1自动；
}
.拜罗内容{
弹性：4-1自动；
}
.telefone内容{
flex:1自动；
}
.电子邮件内容{
flex:1自动；
}
.分类内容{
flex:2-1自动；
}
.controlador内容{
flex:2-1自动；
}
标签{}

拉萨社会
CNPJ
鲁阿
穆尼西皮奥
努梅罗
拜罗
埃斯塔多
CEP
电传
电子邮件
分类
宪法数据
数据采集
控制者
CNPJ

只需将标签和输入包装在div中，然后添加：

.row > div {
    display: flex;
    flex-direction: column;
}

---

@首先，Pete占位符不应替代正确的标签。（如果有的话，在本例中，可能应该选择不同的占位符。它不应该重复标签已经“解释”的字段含义，而是给出一个示例值。）如果我使用flex direction:column on。row输入和标签都位于column方向，我希望输入保持在行方向。是的，我认为，您需要更改HTML才能做到这一点。每个标签和输入都应该在一个单独的分区中。如果您检查css razao social content是否具有flex:2 1 auto，则更改此工作方式，但输入丢失其大小；当我真的喜欢你的时候，它就会缩小。