我如何在右侧粘贴html标签？

Question

我的目标很简单，将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>

Answer 1

你可以使用flexbox，justify-content: space-between;

来做到这一点

.card {
  display: flex;
  height: 500px;
  width: 500px;
  background: #000;
  justify-content: space-between;
  color: white;
  padding: 30px;
  box-sizing: border-box
}

<div class="card">
  <span>Price:</span>
  <span> $100</span>
</div>

Answer 2

您可以使用 float：right 或 text-align：right