CSS和HTML表格-间距/填充/边框问题（不确定是哪个）

我对这一点还很陌生，我曾试图寻找一篇文章来回答这个问题，但我发现的每一条建议似乎都没有任何效果

基本上我有一个HTML-2行的表格，第一行只有一个单元格（一个标题），第二行有3个单元格。我希望第2行的三个单元格之间有一个薄边框

---

标题

1 | 2 | 3

---

像那样。我基本上已经知道了，但是2与左边的线齐平，我需要一些间距

我试过：

小区间距：10px（在td标签中）
右边框填充：10px
边框间距：10px

似乎没有一个是我想要的

我已经手动调整了电池的宽度，顶部是600px，下面三个分别是200px

---

有什么想法吗？

您可以使用选择器选择文本对齐并绘制td边框。

---

我假设是这样的

<table class=foo>
    <tr><th colspan=3>Heading
    <tr><td>1<td>2<td>3
</table>

---

您可以使用现有代码设置JSFIDLE吗？为什么（很可能）使用表格进行布局，而不使用CSS中的

display:table

和

table cell

？

<table class=foo>
    <tr><th colspan=3>Heading
    <tr><td>1<td>2<td>3
</table>

.foo td { 
    padding: 0 0.3em;
    border-right: solid 1px;
}
.foo td:last-child {
    border-right: none;
}