Html 如何将文本定位到正确的位置

我想把一个文本对齐到一个精确的位置，比如距离右边2厘米，而不是像右边、左边和中间这样的预稳定位置。有一个例子：

---

如何将常规的、升级的和专用的案例居中？

根据我的评论，这里是文本居中的方式，但价格标签作为内联元素包含在文本中

html

编辑：

根据您提供的其他信息，您遇到问题的不仅仅是对齐文本，还有总体布局

我更新了我的示例，展示了如何使用

text align:center并将不同的文本/价格项转换为具有
显示：内联块

这只是让你开始的一个切入点。使用CSS布局内容还有很多其他方法，包括浮动、flex box和新的CSS网格。我建议你检查每一个，以确定什么是适合你的项目

更新的演示：
这些设置为文本对齐中心。[$#]块与居中文本对齐，这就是为什么它看起来没有居中…但如果你包括这些元素，我不理解我在提交的答案中进一步概述的任何内容。由于您发布的示例只是一个屏幕截图，因此我不得不进行最佳猜测。但是从屏幕截图上判断，我的答案，加上额外的样式，应该可以完成屏幕截图所反映的内容。你需要发布代码。你知道为什么如果我更改字体/颜色，文本将不再以任何方式对齐吗？更改字体或颜色应该不会影响对齐。听起来您的CSS中可能有错误。如果你发布代码，它可以被审查。如果你不发布代码，我就帮不了你了。屏幕截图没有足够的信息。嘿，我发布了代码，只需查找man@scottohara，css和HTMLDIN都没有看到您发布了代码作为您自己问题的答案。您可能希望删除该问题，并将其添加为对原始问题的编辑。不过我现在要看一看。
<p class="container">
  Text goes here
  <span class="block">
    $3
  </span>
</p>

.block {
  padding: 4px;
  background: lightblue;
  border-radius: 2px;
  margin-left: 4px;
}

.container {
  max-width: 400px;
  text-align: center;
  border: 1px solid;
}