title: New line after <li> bullet
body: <p>I have a strange behaviour I can't explain: when I'm writing an easy html file with a <code>&lt;li&gt;</code> tag followed with a header (or any tag actually), I have a linebreak between the bullet and the content...</p>
  
  <p>Here is a quick example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Title&lt;/h1&gt;
      
      &lt;li&gt;
       &lt;h1&gt;First topic&lt;/h1&gt;
       &lt;p&gt;Bla bla bla&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;h2&gt;Second topic&lt;/h2&gt;
       &lt;p&gt;Bla bla bla&lt;/p&gt;
      &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>