如何在右侧粘贴html标记？

我的目标很简单，将p标记粘贴到自定义css卡的右侧，使其粘贴到左侧，这非常简单

custom-text {
  margin-left: 30px;
}

为了更好地说明这一点

问题是我如何使100美元始终保持在右边？ 假设美元的价值变为5美元，如何使其始终处于正确的状态

我可以用

custom-text-right {
    margin-left: 450px;
}

但是这个解决方案并没有扩展到不同的价值（我使用bootstrap只是为了提供信息）

HTML部分：

<h4>Price: <span class="dollar">$3.15</span></h4>

价格：$3.15

您可以使用float:right或text align:right

您可以使用flexbox，使用

调整内容：间距


.card{
显示器：flex；
高度：500px；
宽度：500px；
背景：#000；
证明内容：之间的空间；
颜色：白色；
填充：30px；
框大小：边框框
}

价格：
$100
float:right
？请也显示您的html-查看为什么此问题标记为重复？他/她没有问flexbox。@OlivierKrull-他们问的是左右对齐。重复的问题刚刚意识到flexbox是要使用的工具。在所有其他条件相同的情况下，
float:right
将导致价格下降到下一行，
text align:right
要么无效，要么将两位内容向右对齐。这两种方法都可以达到预期的效果，但不需要额外的工作，因此答案并不完整。您的解决方案不灵活，如果存在多种价格和美元价值呢？我试过了，但它在多个跨距上都不起作用。它只会将它放在同一行上。@sinsgob查看更新的答案这是你的惊人之处！非常感谢你抽出时间来帮忙。上帝保佑你！