垂直CSS时间轴稳定标记

说明：
有

12小时

天的垂直时间线。
高度为

720px

乍一看，标记应该如下所示：

<div style="margin-top:0px;">
 9:00
</div>
<div style="margin-top:60px;">
 10:00
</div>
       ...
<div style="margin-top:60px;">
 11:00
</div>

9:00
10:00
...
11:00

我们应该考虑

字体大小


因为它是多的，所以应该是
margintop
属性的值

演示：


对于当前字体大小，
margin top
的值为
38px


从逻辑上讲，它应该始终等于
60px

问题：

对于垂直Timinene，是否存在不依赖于字体大小的
CSS
解决方案，而不使用
JS
。但我怀疑你想确保时间线的等距分割

你不需要用页边空白来补偿字体大小。删除那些内联样式，只需使用

.timeline-container > div{
   height:60px;   
}

请参阅：
使用固定行高-您可以更改字体大小，而无需更改页边距顶部和整体高度。检查更新：

此外，最好使用未排序的list而不是div，因为您有许多列出的类似元素