Extra margin in span tag?

Question

I have this code:

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

I expected the three spans to be together, but there is a gap between them.

How to remove this space?

I am using Chrome.

Hello

Xavi

Answer 1

Remove 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/