so have code in html changes whitespace. css:
span{height:200px;width:200px;border-width:1px;border-color:black;border-style:solid;display:inline-block} my html:
before:
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span> after:
<span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> the second easier read, display changes , display desire first ones display, editing easier second. ideas?
spans display: inline-block default, unfortunately means affected whitespace. 1 solution not use whitespace between them, easier done if html produced preprocessor php … way this:
<span></span><!-- --><span></span><!-- --><span></span><!-- --><span></span> etc. though it's still ugly, no whitespace between spans, while still having them on separate lines.
and yet way change css spans, making them display: block , float: left, example, might not work in case.
