Html 无法减少表行之间的空间

我正在开发一个应用程序，其中有一个包含行和列的表，以及一个复选框容器，格式如下图所示：

问题是，我希望代表每行的字母A、B、C、D与我的复选框在同一高度对齐，通过减少字母之间的边距或填充，我看不出有什么区别，所以我需要您的帮助

我的代码：

。复选框容器{
位置：绝对位置；
宽度：620px；
高度：240px；
左：25%；
最高：42%；
显示器：flex；
调整内容：灵活启动；
}
.复选框容器{
背景色：青色；
宽度：230px；
身高：100%；
显示器：flex；
柔性流：行换行；
调整内容：灵活启动；
}
.checkbox容器分区{
弹性基准：100%；
}
.商务bx{
利润上限：17像素；
转换：比例（1.5）；
}
.业务bx：非（：第一个孩子）{
左边距：38px；
}
.商业bx：第一个孩子{
左边距：10px；
}
.表tbody tr td：第一个孩子{
字体大小：粗体；
}
.桌子{
边界间距：3em；
}
.信{
字体大小：20px；
填充：0；
}

1.
2.
3.
4.
A.
B
C
D

这可以通过将复选框代码与表合并来实现。在这里，我更新了代码

tbody>tr>td:not（：第一个孩子）{
背景色：青色；
填充：20px；
}
tbody>tr>td{
右侧填充：5px；
}
thead>tr>td{
文本对齐：居中；
}
表{边框折叠：折叠；}

1.
2.
3.
4.
A.
B
C
D

为什么不使用一个包含输入的表？…这将是构建此表的逻辑。您正在对1、2、3、4、a、B、C、D使用一个

，对复选框使用一系列

。你是否考虑只使用一个表？@ PauleId我不知道如何将复选框设置为表RoScCurl，你解释为什么这个答案是他的问题？他需要将复选框与行对齐，这样我们就可以将复选框代码与结果相同的表合并。你能解释一下为什么这个答案不正确吗？这回答了问题，但它容易理解吗？关于代码唯一的回答：我已经更新了评论，可以理解或者需要更多的澄清。