Html CSS中的偏移表列

如何使用HTML和CSS实现以下外观

它基本上是一个表中的时间线，时间在列的下面

我在想下面这样的东西会有用（请点击代码片段），或者以某种方式将第二行向右偏移，这样我就可以将日期文本居中

#表1{
宽度：100%；
颜色：#555；
位置：相对位置；
边界塌陷：塌陷；
表布局：固定；
身高：100%；
}
#表1 td，
#表一{
边框：1px实心#e4；
}

1.
2.
3.
1.
2.

正确的单元格填充和单元格间距：）

#表0{
边框底部：1px实心#000；
}
#表1 td：第n个孩子（单数）{
右边框：1px实心#000；
}
#表2{
文本对齐：居中；
}
蓝先生{
颜色：蓝色；
}
.首先{
右边框：1px纯绿色
}

00:05
01:00
03/27
02:00
03:00

这似乎不适合用作桌子。我会重新考虑。好的，你会怎么做？有很多好的JQuery插件可以创建时间表。我刚刚在一个项目中使用了这个方法：非常容易实现，但是还有很多其他方法