對齊跨越彼此並居中

Question

我想顯示帶有貨幣符號的十進制數字。
貨幣和浮點數應該小於整數部分。
例如：$ 4,080,048.00 在jsFiddle中，您可以看到第一行是我想要的，但是它是用舊的HTML樣式編寫的。
我用現代HTML（3跨度div）做到了這一點，但我有一個小數點之間的空格：$ 4,080,048. 00。
如何讓第二行看起來像第一行？

Answer 1

寫標記的方式，有跨度之間沒有空格將解決這個問題

<div class="container"> 
    <span class="currency">$</span> 
    <span class="integer">4,080.</span><span class="decimal">53</span> 
</div> 

或者，如果你不想改變的標記，你可以添加font-size:0;到您的容器類

FIDDLE

.container 
{ 
    font-size:0; 
} 

另一種選擇是將您的標記中添加元素之間的意見，使之彷彿該元素被對方後寫一個：

FIDDLE

<div class="container"> 
    <span class="currency">$</span><!-- 
    --><span class="integer">4,080.</span><!-- 
    --><span class="decimal">53</span> 
</div> 

Answer 2

它，這是造成白色空間這個問題

<div class="container"> 
    <span class="currency">$</span> 
    <span class="integer">4,080.</span><span class="decimal">53</span> 
</div> 

http://jsfiddle.net/yrFeB/2/

我不能在加評論回答上面但你不應該使用float: left;爲此目的