Html 使用css/flex以不同方式对齐项目

我现在正在做表格。 我想使

标记在textfield的开头对齐，并使textfields位于中间。但是，textfield和

标记现在都在中间对齐。我怎样才能按照我的意图对齐它们

    <div class="vertical-offset--small inner-contact" style="display:flex; flex-direction: column; align-items: center; justify-content: center">



            <h5 style="display:inline">* First Name:</h5>
            <input type="text" class="form-control textfield-control textfield" ng-class id="first_name" name="first_name" ng-model="formData.first_name" style="width: 90%" ng-blur="realtimeSave()" required>
            <br>

            <h5>* Last Name:</h5>
            <input type="text" class="form-control textfield-control textfield" ng-class id="last_name" name="last_name" ng-model="formData.last_name" style="width: 90%" ng-blur="realtimeSave()" required>
            <br>

            <h5>* Email:</h5>
            <input type="text" class="form-control textfield-control textfield" ng-class id="email" name="email" ng-model="formData.email" style="width: 90%" ng-blur="realtimeSave()" required>
            <br>

            <h5>* My Question:</h5>
            <textarea id="question" name="question" ng-model="formData.question" ng-blur="realtimeSave()" style="width: 90%; height: 150px;" class="form-control textfield-control textfield" required>
            </textarea>
            <br>
            <br>
            <br>

            <div style="text-align:center">
                <button ng-click="sendEmail($event)" class="button button-form-success button--primary">
                    Submit
                </button>
            </div>
    </div>

---

在每个

标记上添加以下样式：

h5.tag {
  align-self: flex-start;
}

请参见此代码段中的示例：


h5.tag{
自我校准：灵活启动；
}

*名字：


*姓氏：


*电邮：


*我的问题:
提交
您能举例说明for属性的含义吗？我是CSS的新手。当然，没问题。我删除了这个部分，因为它可能有点混乱，并且会使样式变得复杂一些。理想情况下，输入字段应该有一个匹配的
标签
元素。基本上，它只是一个文本元素。但是您可以应用
for
属性来关联它们。因此，如果您有一个名为
name
的输入，您可以将
label
的
属性设置为name。这里有一个例子：`Name。因此，当您单击标签时，它会聚焦在输入中。我认为你最好还是暂时保持现状。但在你学习的过程中，有些东西需要研究！只需注意=“的标签应该指向输入的ID而不是输入的值-这允许屏幕阅读器将标签绑定到输入：例如：name为什么要使用h5？您需要
style=“display:inline”
这一事实表明您应该寻找其他元素。选择的语义元素是
。
h5.tag {
  align-self: flex-start;
}