width issue with span and a tag

Question

I have an issue with the width of the link with a span tag within it you can see it here:

JSFiddle Example

You can see that link 2 has a bigger width then the visual suggests? Any idea how whats going on here?

Link 1 also has a very wide width but is hidden between link 2.

Answer 1

It is rendering correctly, I guess you mismatched your flow with border colors, you must be looking for this?

Nothing's wrong for me

My Fiddle

Edit: Note you've given borders to span and not a, if that's the point it should be this because <a> will take up 100% width because it is a block level element