Html 水平有序列表

我正在寻找一种方法来水平显示带有数字的有序列表。在没有脚本的情况下可以这样做吗？使用

display:inline block

时，数字似乎消失了：

li{
显示：内联块
}

范例
范例
范例

添加

浮动：左而不是
显示：内联块

演示：

此外，您还应该清除浮动，并将一些
边距设置为右侧
 当您在
显示
属性中使用除
列表项
以外的任何内容时，编号将关闭，但您可以使用
计数器
将其取回


ol{
保证金：0；
填充：0；
计数器复位：列表c；
}
欧利{
显示：内联块；
计数器增量：list-c；
左侧填充：25px；
位置：相对位置；
}
奥利：以前{
内容：计数器（列表c）'；
显示：内联块；
文本对齐：居中；
位置：绝对位置；
左：10px；
}

范例
范例
范例