Html 位置跨距在p标记内，因此一个零件位于左侧，另一个零件位于右侧

以下是我迄今为止所尝试的：

#billingsummary span.billingitem {
    color: White;
    text-align: left;
}

#billingsummary span.billingvalue {
    text-align: right;
}

<p>
    <span class="billingitem">@Model.ProductName</span>
    <span class="billingvalue">$ <span id="billingproductcost">4.00</span></span>
</p>

#账单摘要span.billingitem{
颜色：白色；
文本对齐：左对齐；
}
#billingsummary span.billingvalue{
文本对齐：右对齐；
}

@Model.ProductName
$ 4.00

因此，我希望

billingitem

尽可能靠左

我希望

billingvalue

尽可能靠右

结果不是我想要的：

---

do float:右侧；和浮动：左；相反之后的要素应包括明确的：两者；如果您希望它们位于这两个项目的下方。

确实浮动：右；和浮动：左；相反之后的要素应包括明确的：两者；如果您希望它们同时位于这两项之下。

请使用浮动：

#billingsummary span.billingitem { 
    color: white; 
    float: left; 
} 
#billingsummary span.billingvalue { 
    float: right; 
} 
#billingsummary p {
    clear: both;
}

使用浮动：

#billingsummary span.billingitem { 
    color: white; 
    float: left; 
} 
#billingsummary span.billingvalue { 
    float: right; 
} 
#billingsummary p {
    clear: both;
}

---

文本对齐

的作用是将块元素内的文本对齐到指定的一侧：

Span是内联元素，因此文本对齐对它们没有影响。你应该让它们浮动：

#billingsummary span.billingitem { 
    color: white; 
    float: left; 
} 
#billingsummary span.billingvalue { 
    float: right; 
}

---

浮动它们，使它们阻塞元素，并告诉它们处于极值和正常流之外。如果您对以下元素有问题，您应该清除：

两个元素
文本对齐所做的是将块元素内的文本对齐到指定的一侧：


Span是内联元素，因此文本对齐对它们没有影响。你应该让它们浮动：

#billingsummary span.billingitem { 
    color: white; 
    float: left; 
} 
#billingsummary span.billingvalue { 
    float: right; 
}

浮动它们，使它们阻塞元素，并告诉它们处于极值和正常流之外。如果以下元素存在问题，则应清除：在这种情况下，两个元素都将不起作用，因为您指示浏览器所做的是在范围内对齐文本。跨度仅与文本一样宽，因为它是一个内联元素，因此对齐实际上没有效果。适用于块级元素、表格单元格和内联块，因此不适用于默认值
span
s。在这种情况下，文本对齐不起作用，因为您指示浏览器所做的是对齐span内的文本。跨度仅与文本一样宽，因为它是一个内联元素，因此对齐实际上没有效果。适用于块级元素、表格单元格和内联块，因此不适用于默认
span
s。