Inline-block elements without spaces in pure HTML

gistfile1.md

Problem: Elements set to display: inline-block will render with spaces between them if there's whitespace in the source, which makes formatting difficult. You can fix this by putting font-size: 0 on the parent, but it feels pretty hacky.

gistfile2.html

<!-- Looks good, renders with spaces -->
<ul>
  <li class="inline-block"></li>
  <li class="inline-block"></li>
  <li class="inline-block"></li>
</ul>

<!-- Looks crappy, renders without spaces -->
<ul><li class="inline-block"></li><li class="inline-block"></li><li class="inline-block"></li></ul>

<!-- Looks pretty good, renders without spaces -->
<ul>
      <li class="inline-block"></li><!--
   --><li class="inline-block"></li><!--
   --><li class="inline-block"></li>
</ul>