Html 联系人表格7中的4列，第2行位置不正确

这是联系表7中的CSS和html，我是CSS新手，我需要做什么才能使第二行不乱序

“联系人号码”应该是第二行的第一项，但不确定它最终是如何出现的

。一半，
.三分之一，
.四分之一{
位置：相对位置；
保证金权利：4%；
浮动：左；
边缘底部：20px；
}
.1半{宽度：48%；}
.三分之一{宽度：30.66%；}
.四分之一{宽度：22%；}
.最后{
右边距：0！重要；
清楚:对,；
}
@仅介质屏幕和（最大宽度：767px）{
.二分之一，.三分之一，.四分之一{
宽度：100%；
右边距：0；
}
}

[选择*ppl“1人”“2人”“3人”“4人”“5人”“6人”“7人”“8人”“9人”“10人”“11人”“12人”“13人”“14人”“15人”“16人”“17人”“18人”“19人”“20人”“21人”“22人”“23人”“24人”“25人”“26人”“27人”“28人”“29人”“30人”“31人”“32人”“33人”“34人”“35人”“36人”“37人”“38人”“39人”“40人”]
[日期*r-日期格式：mm/dd/yy分钟：今天+2天]
[选择*r-time“8:00pm”“8:30pm”“9:00pm”“9:30pm”“10:00pm”“10:30pm”“11:30pm”“12:00am”“12:30am”“01:00am”]
[文本*r-姓名占位符“联系人姓名”]
[电话*r-mob占位符“联系电话”]
[电子邮件*r-电子邮件占位符“电子邮件地址”]
[选择*r-method“首选联系方式”“电话”“电子邮件”]
[submit“Book a room”]

您可以使用flexbox作为包装，这样可以使行的高度均匀，而不是使用浮动

.flex包装器{
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:wrap；
柔性包装：包装；
}
.二分之一，.三分之一，.四分之一{
边缘底部：20px；
}
1.一半{
宽度：48%；
}
.三分之一{
宽度：30.66%；
}
.四分之一{
宽度：22%；
}

[选择*ppl“1人”“2人”“3人”“4人”“5人”“6人”“7人”“8人”“9人”“10人”“11人”“12人”“13人”“14人”“15人”“16人”“17人”“18人”“19人”“20人”“21人”“22人”“23人”“24人”“25人”“26人”“27人”“28人”“29人”“30人”“31人”“32人”“33人”“34人”“35人”“36人”“37人”“38人”“39人”“40人”]
[日期*r-日期格式：mm/dd/yy分钟：今天+2天]
[选择*r-time“8:00pm”“8:30pm”“9:00pm”“9:30pm”“10:00pm”“10:30pm”“11:30pm”“12:00am”“12:30am”“01:00am”]
[文本*r-姓名占位符“联系人姓名”]
[电话*r-mob占位符“联系电话”]
[电子邮件*r-电子邮件占位符“电子邮件地址”]
[选择*r-method“首选联系方式”“电话”“电子邮件”]
[提交“预订房间”]