Html 在Div的左上角添加数字

我想在div的左上角添加一个数字，但到目前为止，我尝试的任何方法都无法正常工作

以下是我目前拥有的：

以下是我想要的：

代码如下：

#Office365，#OneDrive{
高度：100px；
宽度：16.259%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
右边距：5px；
背景色：#F2F2；
}

1.
办公室365

OneDrive

He，解决方案是使用数字的绝对位置。 请注意，包含带有数字的标记的块需要相对定位，以便数字与该块是绝对的。下面是一个示例代码

#Office365，#OneDrive{
显示：内联块；
右边距：2px；
背景色：#F2F2；
位置：相对位置；
边框：1px纯黑；
填充：0 50px；
文本对齐：居中；
}
#Office365 img，#OneDrive img{
宽度：100px；
高度：自动；
}
纳姆先生{
位置：绝对位置；
顶部：5px；
左：5px；
}

办公室365

1.
OneDrive

2.

尝试分配

position: relative; 

到办公室365和OneDrive。同时将图像放在这些div中

然后分配

position: absolute;
left: 1px;
top: 1px;

到#Office365 span和#OneDrive span.

绝对与浮动

.a{
宽度：200px；
位置：相对位置；
边框：1px纯色灰色；
右边距：20px；
显示：内联块；
垂直对齐：顶部；
}
viaAbsolute先生{
位置：绝对位置；
排名：0；
左：0；
填充：3倍；
边框：1px纯红；
}
.维亚弗洛特{
浮动：左；
填充：3倍；
边框：1px纯红；
}

1.
Lorem ipsum dolor sit amet，是一位杰出的献身者。前庭横膈肌。克拉斯·尤莫利斯·尼索。Pellentsque semper tincidunt placerat。
1.
Lorem ipsum dolor sit amet，是一位杰出的献身者。前庭横膈肌。克拉斯·尤莫利斯·尼索。Pellentsque semper tincidunt placerat。

我看不到代码中的数字。@showdev，我把数字拿出来是因为它们根本没有对齐。所以我试着在两个分区之间添加它们，但没有效果。@SaintLouisEvents查看您的历史，您似乎对许多答案发表了评论，但很少有人对它们进行投票。你应该花更多的时间投票给那些给你带来价值的答案，以确保你在回馈那些为你付出时间的人。此外，请确保您检查了实际提供解决方案的答案。@Mathias抱歉，伙计！我现在将对答案进行投票，我还没有完全掌握stackoverflow的这个概念。@SaintLouisEvents都很好，您所有的问题都写得很好，并提供了必要的代码--请确保您在解决问题的答案上单击复选标记！非常感谢@Sagwadi，我所需要的只是.num css类，它工作得非常好。感谢@Gregor的输入，我找到了它：谢谢@fnostro的帮助，我找到了它：我注意到：）我只是想插话，在float和absolute之间进行一个流比较。快乐编程