title: HTML CSS Navbar Spacing
body: <p>I made a CSS Navbar, but inbetween each "navbar-item", there is little space. I don't want there to be anyspace at all! Is there a way to make this happen without changing the margin-left for every navbar-item?</p>
  
  <pre><code>    &lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Home - UnhandyFir9&lt;/title&gt;
          &lt;style&gt;
              #wrapper {
                  box-shadow: 0px 0px 20px 10px black;
                  left: 0px;
                  top: 0px;
                  margin: auto;
                  margin-top: 30px;
                  width: 800px;
                  background-color: rgb(200, 200, 200);
                  font-family: sans-serif;
              }
              #top-notification {
                  display: inline-block;
                  width: 100%;
                  height: 20px;
                  background-color: lightblue;
                  text-align: center;
              }
              #navbar-core {
                  width: 100%;
                  height: 30px;
                  background-color: lightgreen;
              }
              #navbar-item {
                  display: inline-block;
                  width: 100px;
                  height: 30px;
                  text-align: center;
                  background-color: green;
                  color: white;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="wrapper"&gt;
              &lt;span id="top-notification"&gt;== Hi! Our site was just recently launched, so you may expect alot of bugs! Sorry 'bout that! ==&lt;/span&gt;
              &lt;div id="navbar-core"&gt;
                  &lt;a href="home.html" id="navbar-item"&gt;Home&lt;/a&gt;
                  &lt;a href="lessons.html" id="navbar-item"&gt;Lessons&lt;/a&gt;
                  &lt;a href="aboutus.html" id="navbar-item"&gt;About Us&lt;/a&gt;
                  &lt;a href="donate.html" id="navbar-item"&gt;Donate&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/kCgpG.png" alt="enter image description here"></p>