量AP標籤內跨越這樣一個部分還是在左邊，另一個在右邊

Question

這裏是我試過到目前爲止：

#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> 

所以我想billingitem儘量要向左儘可能。

而且我想billingvalue要儘量向右越好。

的結果，不是我想要的東西：

Answer 1

使用浮動：

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

Answer 2

做浮動：權利;和float：left;代替。之後的要素應包括明確：兩者;如果你希望他們低於這兩個項目。

Answer 3

什麼text-align確實是對準塊元素內的文本到指定的側：

http://www.w3.org/TR/CSS2/text.html#alignment-prop

跨度是內聯的元素，所以文本對齊沒有效果爲他們。你應該把它們飄浮：

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

浮動他們，你讓他們阻止元素，並告訴他們要在極值進出正常流動。如果你有一些問題，以下內容，你應該clear: both他們，因爲你所指示瀏覽器做