html - Browser converts empty span tag to self-closed -
i using <span class="class-name"></span>
repeatedly in project. this:
... <span class="class-name"></span> text generated here <span class="class-name"></span> text generated here <span class="class-name"></span> ...
the purpose of <span>
is have padding-right
text after displayed nicer. problem chrome browser can not render empty <span>
converts this:
<span class="class-name"> text generated here <span class="class-name"> text generated here <span class="class-name"> </span> </span> </span>
which not result in output looking for. because paddings mixed up. interesting thing if add character between tags, first view rendered browser , problem gone. please explain why working this?
had trouble reproducing bug, code seems produce it
<span class="class-name"/> <p>some text generated here</p> <span class="class-name"/> <p>some text generated here</p> <span class="class-name"/>
your code works perfetly fine me, sure verbose or did used xhtml tag closing
<span style="color:green"><span style="color:red"/> if it's red, it's html. green xhtml. </span>
Comments
Post a Comment