title: HTML list margin
body: <p>I'm trying to make a numbered list but I'm getting a margin on the top and the bottom between the list and some text (I'm using Firefox).
  When I try get rid of it with CSS, I loose the numbers and the indentation. Is it possible to get rid of the margin without loosing the numbers and list indentation?</p>
  
  <p>If you use the following html:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  BIG GAP V
    &lt;ol&gt;
      &lt;li&gt;hello&lt;/li&gt;
      &lt;li&gt;there&lt;/li&gt;
    &lt;/ol&gt;
  BIG GAP ^
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>You'll see that you get the following:</p>
  
  <pre><code>BIG GAP V
    &lt;ol&gt;
      &lt;li&gt;hello&lt;/li&gt;
      &lt;li&gt;there&lt;/li&gt;
    &lt;/ol&gt;
  BIG GAP ^
  </code></pre>