Html 将列表项目编号与周围段落对齐

列表项可能包含几个段落、图像等。它们都应位于项目编号的右侧

#第页{
宽度：200px；
}
李{
利润率：1米0；
}
ol{
填充：0；
}

一些文本

单子
多行列表项位于另一行

包含块（例如示例图像）的列表项：

示例
图像

更多的文字

签出

列表样式位置

#第页{
宽度：200px；
}
李{
利润率：1米0；
/*这就是你想要的↓ */
列表样式位置：内部；
}
ol{
填充：0；
}

一些文本

单子
多行列表项位于另一行
更多的文字

您只需在

ol

元素中添加一些左填充

#第页{
宽度：200px；
}
ol{
填充：0.1em；
}
欧利{
利润率：1米0；
}

一些文本

单子
多行列表项位于另一行
更多的文字

我不想将文本包装在数字下，当我在其中放入一个块时，它也坏了（没有意识到在

li

中有一个块是重要的，将更新）看看这个也没有想到

em

水平单位和像素需要奇怪的值。

1em

确定要与其他字体/大小等对齐吗？还是这只是运气？@FireLancer它工作正常，注意列表编号>=10时的外观，我刚刚添加了另一种使用伪元素的方法，因此，您不需要声明任何宽度或填充。仍然不能完全确定为什么

1em

恰好是正确的，但它似乎与数字大小不同的字体是一致的（

1

可能是更右边的一个像素，但这并不明显）。伪元素无疑是一种有趣的方法，如果我使用

宽度
而不是
右边距
，则它适用于不同的长度点（例如
9
和
10
）