First of all, I’ve seen this question IE Compatibility issue, but I have a slightly different issue:
I have a span with display: block and I want to put a H2 tag inside it. Will this look good in every (major) browser?
The answer on the previously stated link, was to make the H2 display:inline, which I don’t want, and also I don’t want to replace the span with a div, because I would have to change a lot of CSS.
PS. I don’t want my HTML to validate (using the validator), I just want it to work.
It works on current browsers (including old versions), and it is unlikely that this will change. Errors like this are common enough to make it rather pointless to browser vendors to change their error recovery mechanisms. HTML5 is about to make the error recovery rules mandatory.
On the other hand, what is the point of using
spanwithdisplay: block, instead of usingdiv? And CSS should be written so that it does not depend on specific choices of markup elements where different choices could make sense; for example, as a rule,.foois a better selector thanspan.foo.Any extensive change to markup or style sheets has a nonnegligible risk of causing problems even when the change is a such an improvement and a simple one. (For example, a global search and replace often does too much, or misses something.) This could be a reason for continuing the use of invalid markup, in cases where it has minimal risk in practice.