Html 如何对齐表单中的项目，使问题在左侧，选项在右侧

我正在尝试创建一个表单，我需要对齐表单中的信息，以便问题在左侧对齐，选项在右侧对齐

我一直在玩id，将其居中并左右移动

#整体形式{
背景色：白色；
显示：内联块；
文本对齐：居中；
垂直对齐：顶部；
线高：2.0；
边界半径：7px；
}
#头衔{
最大宽度：400px；
利润率：20px；
文本对齐：居中；
}
#调查表{
文本对齐：居中
}

让我们知道如何改进freeCodeCamp
*名称：

*电子邮件：

*年龄：

哪个选项最能描述您当前的角色？
学生
全职工作
全日制学习者
宁愿不说
其他


*您向朋友推荐freeCodeCamp的可能性有多大？

绝对

也许吧

不确定

在FCC，你最喜欢什么：
挑战
项目
社区
开源

未来需要改进的事情（勾选所有适用的）前端项目

后端项目

数据可视化

挑战

开源社区

吉特帮助室

录像带

城市聚会

维基

论坛

附加课程

有什么意见或建议吗？
在这里输入您的评论。。。

我在下面为您添加了一个片段，用于为您的需求创建布局，即一边是问题，另一边是答案。请检查并确认这是否是您想要的。 注：请填写其余细节

#整体形式{
背景色：白色；
显示：内联块；
/*文本对齐：居中*/
垂直对齐：顶部；
/*线高：2.0*/
边界半径：7px；
利润率：50像素；
}
.表格组{
边缘底部：1rem；
}
.行{
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:wrap；
柔性包装：包装；
右边距：-15px；
左边距：-15px；
}
上校{
位置：相对位置；
宽度：100%；
右侧填充：15px；
左侧填充：15px；
}
.col-sm-5{
弹性：041.666667%；
最大宽度：41.666667%；
}
.col-sm-7{
-ms-flex:058.333333%；
弹性：058.333333%；
最大宽度：58.333%；
}
#头衔{
最大宽度：400px；
利润率：20px；
文本对齐：居中；
}
#调查表{
/*文本对齐：居中*/
}

让我们知道如何改进freeCodeCamp

*名字
*电子邮件
*年龄
*哪个选项最能描述您当前的角色？
学生
全职工作
全日制学习者
宁愿不说
其他
*您向朋友推荐freeCodeCamp的可能性有多大？
学生
全职工作
全日制学习者
宁愿不说
其他
收音机
第一台收音机
第二台收音机
第三台残障收音机

我在下面为您添加了一个片段，用于为您的需求创建布局，即一边是问题，另一边是答案。请检查并确认这是否是您想要的。 注：请填写其余细节

#整体形式{
背景色：白色；
显示：内联块；
/*文本对齐：居中*/
垂直对齐：顶部；
/*线高：2.0*/
边界半径：7px；
利润率：50像素；
}
.表格组{
边缘底部：1rem；
}
.行{
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:wrap；
柔性包装：包装；
右边距：-15px；
左边距：-15px；
}
上校{
位置：相对位置；
宽度：100%；
右侧填充：15px；
左侧填充：15px；
}
.col-sm-5{
弹性：041.666667%；
最大宽度：41.666667%；
}
.col-sm-7{
-ms-flex:058.333333%；
弹性：058.333333%；
最大宽度：58.333%；
}
#头衔{
最大宽度：400px；
利润率：20px；
文本对齐：居中；
}
#调查表{
/*文本对齐：居中*/
}

让我们知道如何改进freeCodeCamp

*名字
*电子邮件
*年龄
*哪个选项最能描述您当前的角色？
学生
全职工作
全日制学习者
宁愿不说
其他
*您向朋友推荐freeCodeCamp的可能性有多大？
学生
全职工作
全日制学习者
宁愿不说
其他
收音机
第一台收音机
第二台收音机
第三台残障收音机

首先，请注意HTML中有许多语法错误（例如

和

不是有效的标记）。