联系人表单7-似乎无法将我的标签和字段放在一行中

<style>
    .form-row {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .form-label {
        flex: 1;
        margin-right: 10px;
        text-align: right;
    }
    
    .form-field {
        flex: 2;
    }
</style>

<form>
    <div class="form-row">
        <label class="form-label" for="name">姓名：</label>
        <input class="form-field" type="text" id="name" name="name">
    </div>
    <div class="form-row">
        <label class="form-label" for="email">电子邮件：</label>
        <input class="form-field" type="email" id="email" name="email">
    </div>
    <div class="form-row">
        <label class="form-label" for="phone">电话号码：</label>
        <input class="form-field" type="tel" id="phone" name="phone">
    </div>
    <!-- 其他字段 -->
</form>