Html 以固定高度将数字与居中列表项垂直对齐

我有一个有序列表中的列表项，它们具有固定的高度，并且垂直居中。 我的问题是，数字的位置有点偏离

li{
高度：80px；
边框：1px纯黑；
}
li>span{
高度：80px；
显示：表格单元格；
垂直对齐：中间对齐；
}

一些短文
其他一些比第一个长得多的随机文本。不幸的是，并非所有数字都与文本对齐。对于较长的文本，情况更糟，正如您在本例中可能看到的那样
我的号码在下面有点太远了

ol{
列表样式：无；
计数器重置：我的可怕计数器；
}
李{
高度：自动；
边框：1px纯黑；
计数器增量：我的可怕计数器；
位置：相对位置；
}
李：以前{
内容：计数器（我最棒的计数器）“；
显示器：flex；
对齐项目：居中；
位置：绝对位置；
左：-15px；
身高：100%；
}
li>span{
高度：80px；
显示：表格单元格；
垂直对齐：中间对齐；
}

一些短文
其他一些比第一个长得多的随机文本。不幸的是，并非所有数字都与文本对齐。对于较长的文本，情况更糟，正如您在本例中可能看到的那样
我的号码在下面有点太远了

使用计数器并依靠负数

文本缩进将其推出：


lo{
计数器复位：num；
}
李{
最小高度：80px；
边框：1px纯黑；
计数器增量：num；
列表样式：无；
}
li>span{
高度：80px；
显示：表格单元格；
垂直对齐：中间对齐；
文本缩进：-1em；
}
li>span：：之前{
内容：计数器（数量）“.”；
}

一些短文
其他一些比第一个长得多的随机文本。不幸的是，并非所有数字都与文本对齐。对于较长的文本，情况更糟，正如您在本例中可能看到的那样
我的号码在下面有点太远了
是否希望列表编号从文本开始的位置开始？或者列表号将在单元格的中间？我希望它在文本的开头，如图所示：）比我的代码好，但不是我想要的。如图所示，数字应位于文本开头。