title: How can I stop the new line from adding a space between my list items in HTML
body: <p>I have the following HTML; </p>
  
  <pre><code>li 
  {
      list-style: none;
      border: solid 1px blue;
      display: inline;
      margin: 0px 0px 0px 0px;
  }
  ...
  &lt;ul&gt;
      &lt;li&gt;Item 1&lt;/li&gt;
      &lt;li&gt;Item 2&lt;/li&gt;
      &lt;li&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When I add the list items on their own line they appear with a horizontal space between them, but when I do it as;</p>
  
  <pre><code>&lt;li&gt;Item 1&lt;/li&gt;&lt;li&gt;Item 2&lt;/li&gt;&lt;li&gt;Item 2&lt;/li&gt;
  </code></pre>
  
  <p>they dont.</p>
  
  <p>Is there anyway to stop the new line from showing up as the blank space, or do I need to use a negative margin?</p>