Html 将元素放置在伪元素中

我想在圆的

：后面的
伪元素中添加一个元素。当我尝试添加
内容：
时，它出现在伪元素的左上角。当我试图移动它时，所有的圆圈和内容都会移动

 >我希望<代码> >代码>或任何其他图标从中间到中间。顺便问一下，我如何直接在CSS中添加字体

.le\u quick\u entier{
位置：相对位置；
宽度：350px；
背景色：白色；
高度：400px；
边缘顶部：45像素；
边框底部：1px纯色浅灰色；
盒影：0px 2px#40c8d6；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
}
.le_Quike_entier.帖子标题{
位置：绝对位置；
最高：60%；
左：2%；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.postbody{
边缘顶端：40px；
字体大小：22px；
}
.le_Quike_entier.postbody a:已访问{
边缘顶端：40px；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.cta{
位置：绝对位置；
最高：90%；
左：15px；
字体大小：粗体；
字体大小：14px；
颜色：#38C8D6；
}
cta：访问了{
颜色：#38C8D6；
}
.le_测验者：之前，.le_测验者：之后{
内容：''；
位置：绝对位置；
背景：#fff；
排名：0；
}
le_Quike_entier:之前{
左：0；
右：0；
高度：5px；
z指数：-1；
}
le_Quike_entier:之后{
左：50%；
转换：翻译（-50%，-50%）；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
z指数：1；
宽度：50px；
背景色：rgba（0.56）；
高度：50px；
边界半径：50%；
}
.le_quick_entier：：之后{
内容：“？”；
边缘顶部：2倍；
}
与任何元素一样，要使文本居中，请使用
文本对齐：居中，并将文本垂直放置在中间，将代码>行高度< /代码>设为容器的同一高度：

.le_quiz_entier::after {
  content:"?";
  margin-top: 2px;
  text-align: center;
  line-height: 50px;
}

以下是完整的代码：


.le\u quick\u entier{
位置：相对位置；
宽度：350px；
背景色：白色；
高度：400px；
边缘顶部：45像素；
边框底部：1px纯色浅灰色；
盒影：0px 2px#40c8d6；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
}
.le_Quike_entier.帖子标题{
位置：绝对位置；
最高：60%；
左：2%；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.postbody{
边缘顶端：40px；
字体大小：22px；
}
.le_Quike_entier.postbody a:已访问{
边缘顶端：40px；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.cta{
位置：绝对位置；
最高：90%；
左：15px；
字体大小：粗体；
字体大小：14px；
颜色：#38C8D6；
}
cta：访问了{
颜色：#38C8D6；
}
.le_测验者：之前，.le_测验者：之后{
内容：''；
位置：绝对位置；
背景：#fff；
排名：0；
}
le_Quike_entier:之前{
左：0；
右：0；
高度：5px；
z指数：-1；
}
le_Quike_entier:之后{
左：50%；
转换：翻译（-50%，-50%）；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
z指数：1；
宽度：50px；
背景色：rgba（0.56）；
高度：50px；
边界半径：50%；
}
.le_quick_entier：：之后{
内容：“？”；
边缘顶部：2倍；
文本对齐：居中；
线高：50px；
}
与任何元素一样，要使文本居中，请使用
文本对齐：居中，并将文本垂直放置在中间，将代码>行高度< /代码>设为容器的同一高度：

.le_quiz_entier::after {
  content:"?";
  margin-top: 2px;
  text-align: center;
  line-height: 50px;
}

以下是完整的代码：


.le\u quick\u entier{
位置：相对位置；
宽度：350px；
背景色：白色；
高度：400px；
边缘顶部：45像素；
边框底部：1px纯色浅灰色；
盒影：0px 2px#40c8d6；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
}
.le_Quike_entier.帖子标题{
位置：绝对位置；
最高：60%；
左：2%；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.postbody{
边缘顶端：40px；
字体大小：22px；
}
.le_Quike_entier.postbody a:已访问{
边缘顶端：40px；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.cta{
位置：绝对位置；
最高：90%；
左：15px；
字体大小：粗体；
字体大小：14px；
颜色：#38C8D6；
}
cta：访问了{
颜色：#38C8D6；
}
.le_测验者：之前，.le_测验者：之后{
内容：''；
位置：绝对位置；
背景：#fff；
排名：0；
}
le_Quike_entier:之前{
左：0；
右：0；
高度：5px；
z指数：-1；
}
le_Quike_entier:之后{
左：50%；
转换：翻译（-50%，-50%）；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
z指数：1；
宽度：50px；
背景色：rgba（0.56）；
高度：50px；
边界半径：50%；
}
.le_quick_entier：：之后{
内容：“？”；
边缘顶部：2倍；
文本对齐：居中；
线高：50px；
}
更新css属性

.le_quiz_entier::after {
  content:"?";
  display:flex;
  justify-content:center;
  align-items:center;
}


.le\u quick\u entier{
位置：相对位置；
宽度：350px；
背景色：白色；
高度：400px；
边缘顶部：45像素；
边框底部：1px纯色浅灰色；
盒影：0px 2px#40c8d6；
盒影：0 4px 8px 0 rgba（0,0,0,0.01），0 2px 5px 0 rgba（0,0,0,0.19）；
}
.le_Quike_entier.帖子标题{
位置：绝对位置；
最高：60%；
左：2%；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.postbody{
边缘顶端：40px；
字体大小：22px；
}
.le_Quike_entier.postbody a:已访问{
边缘顶端：40px；
字体大小：22px；
颜色：#404040；
}
.le_Quike_entier.cta{
位置：绝对位置；
最高：90%；
左：15px；
字体大小：粗体；
字体大小：14px；
颜色：#38C8D6；
}
cta：访问了{
颜色：#38C8D6；
}
.le_测验者：之前，.le_测验者：之后{
内容：''；
位置：绝对位置；
背景：#fff；
排名：0；
}
le_Quike_entier:之前{
左：0；
右：0；
高度：5px；
z指数：-1；
}
le_Quike_entier:之后{
左：50%；
转换：翻译（-50%，-50%）；
长方体阴影：0 4px 8px 0 rgba（0,0,0,0