Extra margin in span tag?

I have this code:

<span class="total white bold" styl开发者_开发知识库e="background: #C2C555">TOTAL:</span>
<span style="background: #C2C555; margin: 0;">1 night</span>
<span class="cost">€ 120.00</span>

I expected the three spans would be together, but there is a space between them.

How to remove that space?

I'm using Chrome.

Regards

Javi

Remove the line-breaks, i.e.

<span class="total white bold" style="background: #C2C555">TOTAL:</span><span style="background: #C2C555; margin: 0;">1 night</span><span class="cost">€ 120.00</span>

jsFiddle: http://jsfiddle.net/LECBb/