title: Reduce Gap between HTML <UL> and <LI> elements
body: <p>I have below HTML in my web page:</p>
  
  <pre><code>Forum
  &lt;ul&gt;
  &lt;li&gt; Stack&lt;/li&gt;
  &lt;li&gt; OverFlow&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And as you could see below, I get the items listed perfectly, but there is a fixed gap between <code>&lt;UL&gt;</code> and <code>&lt;LI&gt;</code> elements.</p>
  
  <p><img src="https://i.stack.imgur.com/zUab5.gif" alt="HTML Output"></p>
  
  <p>Is there a way, I can reduce this gap? i.e. gap between "Forum" and "Stack" text in attached screen?</p>