Question

I’m trying to eliminate any overflow from a span that isn’t matching another.

This is what I’m dealing with. http://jsfiddle.net/D2WPW/12/

So the .graph span isn’t matching the .text span‘s width. I thought overflow: hidden; would do the trick. I guess not. Am I going about this the wrong way?

Any insight and help would be greatly appreciated. Thank you!

Answer 1

A span tag will take up as much room as needed. If you look closely you are inserting a canvas element in .graph with an inline style that explicitly sets the width to 116px.

Perhaps instead you should make the width of the canvas element dynamic and set it equal to the width of the adjacent .text span.