Question

http://jsfiddle.net/3BFGU/27/

Does anyone know why the width of the span containing text “ABC” is being returned 0.

1) Happens only in Firefox.
2) If i remove a span in between, it works ok. (http://jsfiddle.net/3BFGU/30/)

Answer 1

Not sure why – it might be a bug; however, …

Span’s by default shouldn’t have any width properties, of course they eventually do after the browser renders it. What you could do is make them block-like elements, which should fix it:

span { display:inline-block; }

---

Edit:

Something else that’s interesting is if you delete all the white-space between the ABC span and it’s wrapper, it will work properly. This might have something to do with the white-space and wrapping. The browser might not be able to give a width because the container might start on one line and end on another. That might explain why making it a block fixes it, since making the container a block, might keep the entire container together.