Inline-block padding and jade templating engine

Question

HTML

How to comment out space between inline-block elements in Jade templates.
The HTML structure is something like this:

<ul>
      <li>Item 1</li><!--
   --><li>Item 2</li>
</ul>

I know how to remove padding between inline-block elements using css, I'm only interested in this option.

Answer 1

In general, by default, jade removes all whitespace characters between tags, unless you set the pretty option to true.

Answer 2

As I understand it, you should choose the way yourself

Answer 3

<ul>
      <li>Item 1</li>
      <li>Item 2</li>
</ul>

so that there is no indentation, you need to make the font size 0

ul { font-size: 0; }
ul li { font-size: 10px; display: inline-block; } // фикс для ie 6 и 7 надо zoom: 1; display: inline;

Answer 4

Use escaping, will output as plain text

| <li>Item 1</li><!--
| --><li>Item 2</li>

or so,
in general, experiment, I don’t quite understand why this is all