BA
It appears to be a bug in that awful browser Chrome. Opera users like me don't have it.
Looking at the code, it's Opera which is rendering incorrectly.
The tags are rendered with an <a> tag, with white-space: no-wrap applied to the contents. This stops the line of text from wrapping in the middle of a tag. However, instead of providing some white space between each tag (which would be able to wrap), the space is added with padding-right: 5px - which can't wrap.
So with tags not being able to wrap inside the text, or after each tag, a correct rendering would produce them all in one long line, as Chrome, Firefox and IE are all doing.
Surely as nowrap doesn't apply to the div, but to each a, then the tags should wrap.
I really like it, well done. I have already been busy adding tags to my most visited discussions. Speaking of which, at the moment when you add tags they continue in a list off the edge of the screen, involving sideways scrolling to get rid of it. Is it possible to change this so that it goes downwards when it reaches the screen boundary?
It appears to be a bug in that awful browser Chrome. Opera users like me don't have it.
Looking at the code, it's Opera which is rendering incorrectly.
The tags are rendered with an <a> tag, with white-space: no-wrap applied to the contents. This stops the line of text from wrapping in the middle of a tag. However, instead of providing some white space between each tag (which would be able to wrap), the space is added with padding-right: 5px - which can't wrap.
So with tags not being able to wrap inside the text, or after each tag, a correct rendering would produce them all in one long line, as Chrome, Firefox and IE are all doing.
Surely as nowrap doesn't apply to the div, but to each a, then the tags should wrap.