对齐跨越彼此并居中

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;为此目的