I don't know if this is intentional, but there's a ­ at the start of the API html output. This is causing an unnecessary blank line to appear before the widget in my page layout.
there is no reason it should add a new line. :/
You can see it happening on this page in IE <=9. http://rowno.github.com/architect/
If you remove the soft hyphen using the developer tools, you'll notice that the extra line disappears.
Would it be possible to just move the <style> tag to after all the other html? According to this thread on MSDN it solves the problem as well.
cc @ryanseddon you heard of this?
Well a soft hyphen in theory will do a line break where needed but will remain invisible otherwise, it just happens that IE treats the following div as a continuation of the text and then says well there's not enough room for both so I'll break here.
However this can easily be fixed by setting the .caniuse div to be display: inline-block and setting width: 100%. Or we can fix this right in the API by not even including the soft hyphen but by making the html come before the style. That will work the same as a soft hyphen.
Cool. I'll do the latter.
API-output: put styles after HTML-output to prevent an empty line cau…
…sed by ­, closes #64
I've changed the order of HTML and CSS in the API's output. The ­ is no longer part of it.
I've tested this in IE7, 8 and 9. Works for me with the tests in tests/test.html. Could you please try and test this again? Thanks.
Thank you Hans!
It's working fine for me as well. :)