Html 如何把这两个放在同一条线上？（一个居中，一个右对齐）

我试图将两组不同的文本对齐在同一行上

<h2 style="text-align:center">Only $4 for first-class shipping on all orders!</h2><span style="text-align:right">test</span>​

所有订单的头等舱运费仅为4美元！测试​

我想把它们放在同一条线上。我以为是span标签做的，但事实并非如此。当我把它放在一个div里，它沿着一条线，我需要它在同一条线上

---

您需要将display:inline放在H2标记上，因为默认情况下它是块元素

---

或者，您可以将整个span标记移动到H2中，这也会起作用。

您需要将display:inline放在该H2标记上，因为它是默认的块元素

---

或者，您可以将整个span标记移动到H2中，这样也可以工作。

您需要一个包装元素，更改显示并设置一个浮动。那就行了

<div style="text-align:center;">
  <h2 style="display:inline;" >Only $4 for first-class shipping on all orders!</h2>
  <span style="float:right; display:block;">test</span>
</div>

所有订单的头等舱运费仅为4美元！
测试

您需要一个包装元素，更改显示并设置浮动。那就行了

<div style="text-align:center;">
  <h2 style="display:inline;" >Only $4 for first-class shipping on all orders!</h2>
  <span style="float:right; display:block;">test</span>
</div>

所有订单的头等舱运费仅为4美元！
测试

如果您想使

居中且

位于右侧-

所有订单的头等舱运费仅为4美元！
测试
标题{
位置：相对位置；
}
氢{
文本对齐：居中；
}
跨度{
位置：绝对位置；
右：0；
排名：0；
}

如果您想使

居中且

位于右侧-

所有订单的头等舱运费仅为4美元！
测试
标题{
位置：相对位置；
}
氢{
文本对齐：居中；
}
跨度{
位置：绝对位置；
右：0；
排名：0；
}

我认为这不是他想要的。你的跨度粘在H2AH上，我明白了。在这种情况下，您可以先放置span标记，然后将其向右浮动。就像这样：我不认为那是他想要的。你的跨度粘在H2AH上，我明白了。在这种情况下，您可以先放置span标记，然后将其向右浮动。像这样：这是因为我在CMS上。。。你说得对，它确实有效，不过我找到了另一个解决办法。谢谢你的帮助这是因为我的CMS。。。你说得对，它确实有效，不过我找到了另一个解决办法。谢谢你的帮助