Html 如何将元素直接放置在居中元素的右侧？

我有一个元素，看起来就像这样：

根据设计师的计划，我需要在文本的右边加一点“？”（8.00$）。 我使用flexbox将元素居中。基本上，我需要这个？直接在号码的右边。我不想让这个元素把数字推到左边。那么，8保持居中，对吗？直接向右移动，而不改变8的位置

我做了自己的研究，给出的所有解决方案都使用绝对定位。我的意思是，它可以工作，但如果我有更大的数字，那么？可能会超过文本

你有什么建议吗

代码，我不知道它是否有效：

/*奇怪的是，显示屏：flex和width:100%在控制台上有一个笔划*/
.比较一排小盒子{
显示器：flex；
文本对齐：居中；
宽度：100%；
线高：1；
垫面：1毫米；
垫底：1毫米；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.比较行框标题{
--文本不透明度：1；
颜色：#4a5568；
颜色：rgba（74,85,104，var（--文本不透明度））；
字体大小：12px；
}
.比较行框内容{
字体大小：16px；
显示器：flex；
弹性：1；
弯曲方向：立柱；
调整内容：灵活启动；
}

Frais mensuels estimés
8.00 $

在添加内容后使用CSS，您可以添加吗？之后$

。比较行小框{
显示器：flex；
文本对齐：居中；
宽度：100%；
线高：1；
垫面：1毫米；
垫底：1毫米；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.比较行框标题{
--文本不透明度：1；
颜色：#4a5568；
颜色：rgba（74,85,104，var（--文本不透明度））；
字体大小：12px；
}
.比较行框内容{
字体大小：16px；
显示器：flex；
弹性：1；
弯曲方向：立柱；
调整内容：灵活启动；
}
.比较行框内容范围{
位置：相对位置；
}
.比较行框内容span:：after{
内容：“？”；
位置：绝对位置；
}

Frais mensuels estimés
8.00 $
Frais mensuels estimés
1238.00 $

将“？”放在伪元素后面的：中，如下所示

/*奇怪的是，显示屏：flex和width:100%在控制台上有一个笔划*/
.比较一排小盒子{
显示器：flex；
文本对齐：居中；
宽度：100%；
线高：1；
垫面：1毫米；
垫底：1毫米；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.比较行框标题{
--文本不透明度：1；
颜色：#4a5568；
颜色：rgba（74,85,104，var（--文本不透明度））；
字体大小：12px；
}
.比较行框内容{
字体大小：16px；
显示器：flex；
弹性：1；
弯曲方向：立柱；
调整内容：灵活启动；
}
.比较行框内容span:：after{
内容：“？”；
位置：绝对位置；
左边距：5px；
}

Frais mensuels estimés
8.00 $

使用a添加角色，并使用相对定位为角色留出一些空间

/*奇怪的是，显示屏：flex和width:100%在控制台上有一个笔划*/
.比较一排小盒子{
显示器：flex；
文本对齐：居中；
宽度：100%；
线高：1；
垫面：1毫米；
垫底：1毫米；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.比较行框标题{
--文本不透明度：1；
颜色：#4a5568；
颜色：rgba（74,85,104，var（--文本不透明度））；
字体大小：12px；
}
.比较行框内容{
字体大小：16px；
显示器：flex；
弹性：1；
弯曲方向：立柱；
调整内容：灵活启动；
}
.比较行框内容span:：after{
内容：“？”；
颜色：暗红色；
字号：700；
位置：相对位置；
左：0.5em；
不透明度：0.5；
过渡：不透明度300ms线性；
}
.比较行框内容：悬停span:：after{
不透明度：1；
}

Frais mensuels estimés
8.00 $
Frais mensuels estimés
800000.00 $

号码旁边需要吗？如果需要在0和$之间或$？@epascarello后面的$，我应该指定它。