Javascript 将复选框彼此相邻放置

我想将复选框和表格以适当的对齐方式彼此相邻放置。我似乎可以将我创建的三个复选框放在同一行中，但我无法将它们正确整齐地对齐。我发现使用记事本++作为开发工具在格式化它们时有一些困难

在这件事上需要帮助

下面是CSS和HTML代码。在此HTML部分下，复选框由在其中创建的相应表组成。我用注释“场景1、2、3和主场景”分隔了所有代码。

td.left{
文本对齐：左对齐；
}
th{
边框：1.5px实心#4682B4；
文本对齐：居中；
填充：2px；
}

计算固定天数时的人数

天数
人数
每班
计算固定人数时的天数

人数
天数
天
根据每日产量计算人头数

日产量
二级人员编制
每班




全部的
秒
标准小时
时辰
赚取小时
时辰
日产量
每天

我将更正后的输入放在一个答案中，以显示其外观。注释不是html代码段的正确位置。但这个答案仍然没有解决视图问题

td.left{
文本对齐：左对齐；
}
th{
边框：1.5px实心#4682B4；
文本对齐：居中；
填充：2px；
}

计算固定天数时的人数
天数
人数
每班
计算固定人数时的天数
人数
天数
天
根据每日产量计算人头数
日产量
二级人员编制
每班




全部的
秒
标准小时
时辰
赚取小时
时辰
日产量
每天

首先，您必须将输入元素也放入行和单元格中。表中的输入标记无效。@BenjaminSchüller感谢您的反馈。您的意思是这样的吗：当天数固定时，计算人数
非常感谢，先生。现在看起来好多了。