Html 如何在两个表列之间放置填充？

我试图在表中的“book”和“about”列之间留出空间。我想让它们看起来像我把“间隔”作为一个选项，就好像它们是弹性物品一样。我想关于部分是进一步的权利，但仍然有文本对齐的左侧

先谢谢你

这是我的HTML和CSS代码，没有媒体查询：

.main--容器页脚{
宽度：100vw；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐内容：居中对齐；
/*背景：印度红*/
}
.家长{
显示器：flex；
弯曲方向：行；
对齐内容：居中对齐；
证明内容：之间的空间；
/*背景：珊瑚*/
}
.第一个孩子{
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
}
/*AALogo*/
.footer--社交{
边框顶部：rgb（220224228）实心0.14285雷姆；
边界底部：rgb（220224228）固体0.14285雷姆；
}
.footer--列表分区{
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
A.规则的{
字号：1.142rem；
字母间距：0rem；
颜色：#495662；
不透明度：1；
字体大小：正常；
垫面：1毫米；
线高：2rem；
}
阿博尔德先生{
字体大小：1.428571428rem；
字母间距：0rem；
颜色：#495662；
线高：1.857rem；
}
.footer--社交{
宽度：11雷姆；
}
/*techtrackpic*/
.footer--图片{
弯曲方向：立柱；
左边框：rgb（220224228）实心0.14285雷姆；
字体大小：0.714285rem；
文本对齐：居中；
顶部：0rem；
}
.表格--列表{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
}
.表--列出td，
.表--列表th{
填充：0.3125雷姆1.125雷姆；
文本对齐：左对齐；
}
th{
文本对齐：左对齐；
字体：1.625rem；
字母间距：0rem；
颜色：#495662；
不透明度：1；
字体大小：粗体；
}
.表--列出了{
垫面：0.75rem；
垫底：0.75rem；
文本对齐：左对齐；
背景：绿色；
}
运输署{
字母间距：0rem；
颜色：#495662；
/*背景：巧克力*/
字体大小：0.875rem；
字体大小：正常；
}
.footer--语言{
垫面：1.875rem；
}
.footer--lang__;lang{
字号：1rem；
字体重量：较轻；
}
.footer--lang\u选项{
字号：1rem；
字体大小：正常；
}
.footer--语言图标{
显示：内联块；
转化：translateY（25%）；
}
.footer--lang__;lang{
显示：内联；
}
.footer--lang\u选项{
显示：内联；
}
.footer--语言{
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
颜色：#495662；
}
小的{
垫底：1毫米；
}
社会党{
宽度：5%；
}

书
关于
帮助
最佳检票员
博客
常见问题
搜索&；书
关于我们
联系我们
多重搜索
我们买机票的航空公司
隐私
货币
评论
T&；铯
支付方式
与我们合作
在线登记
网站地图
媒体中心

表格{
边界塌陷：分离；
边界间距：10px；
}
表THAD:N子项（1），表tbody td:N子项（1），表tbody td:N子项（2）{
边框：1px纯黑；
}

表头
第1栏
第2栏