向右做两个跨度答案

【问题标题】：making two spans to the right向右做两个跨度
【发布时间】：2019-10-03 08:58:03
【问题描述】：

我正在尝试将文本向右对齐两个跨度。

<span style="float: right;"> close </span>
<span style="float: right;"> x </span>

不知何故，x 在 close 之前出现如下：

 x   close

我该如何解决？

重新表述这个问题，我试图将两行向右对齐，如下所示：

 1,300,000   x
       100   x

但我得到的只是：

1,300,000   x
100  x

这里缺少什么？

【问题讨论】：

有很多不同的方法可以做到这一点。例如，如果您想要两条不同的行，您可以添加 display: block 并将文本右对齐。或者你可以使用 flexbox 代替浮动。现在我们有了 flexbox 就不需要使用浮点数了

【解决方案1】：

您应该在父元素中将其右对齐：

<span style="float: right;">
    <span> close </span>
    <span> x </span>
</span>

【讨论】：

【解决方案2】：

我使用了“文本对齐：右”而不是“浮动”。工作。谢谢大家。

【讨论】：