Html 如何为列表中垂直对齐的图像编号

我的图像是按数字顺序排列的。指定的编号位于图像上方

1.


2.


3.


4.


5.

您可以这样做

ol {
    list-style-position: inside;
    padding-left: inherit;  
}
    ol > li::before {
        content: "\A";
        white-space: pre;
    }

---

请您将此代码段插入代码段，好吗？我在CODEPTN上运行，这个数字集中在图像的中间。<代码> <代码>只能有< <代码> < LI> < /代码>儿童，正确使用OL列表，使用CSS <代码>边框< /代码>代替<代码> HR ；例子啊,谢谢。你的例子很好，只要数字在图片上方。