Html 如何在两张桌子中间放一条线

我怎样才能做到这一点

目前，我的页面如下所示：

这是我的代码段笔：

我试图使用边界，但它不是真正的工作，因为你可以从图片中看到

table.table-1 {
    border-right: 1px solid #eeb422;
}

---

希望你能帮忙。

给你，伙计。看看我的

基本上，您需要使用class

tables

为父div提供一些填充。然后，根据您的要求，在右表的左至右表中添加

边框

，以及

足够的填充

。希望这有帮助！：）

编辑1:- 如果您想从显示的标题中删除额外的空格（如有人在评论中指出的），只需将

边距设为0px

给

橙色类

（基本上是

h3标记，它有一些需要删除的默认边距）。请检查以下解决方案


部分#产品{
背景颜色：绿色；
}
李{
列表样式：无；
}
保险商实验室{
左侧填充：0；
}
雪茄{
颜色：白色；
}
第#节产品部门容器>p{
利润底部：3倍；
}
tr{
文本对齐：左对齐；
}
桌子{
宽度：50%；
}
th.tg-yw4l，
td.tg-yw4l，
.桌子{
显示器：flex；
}
.桌子{
填充：30px；
}
表ul:N个孩子（奇数）{
/*右边填充：60px*/
}
表1.2-2{
左边框：1px实心#eeb422；
左侧填充：40px；
}

古巴雪茄

Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是



Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是

机制雪茄

Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是


Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是

非古巴雪茄

Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是


Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是

其他

Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是


Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是
Lorem Ipsum只是

寻求代码帮助的问题必须包含在问题中重现代码所需的最短代码，最好是在一个空白处