title: Space between links in a div element
body: <p>I am new to using div tags, and I have been pulling my hair out trying to figure this problem out. I have searched for hours, and I can't seem to find a good solution that works.</p>
  
  <p>I am currently making a horizontal menu in one div element.
  I cannot use multiple div elements nested in one because that will cause the elements to wrap when I resize the browser.
  I cannot use float:left because that will also cause the elements to wrap when I resize the browser. </p>
  
  <p>I have tested the above and multiple other snippets of code, but I cannot remove the space between links in the menu. Here is my code.</p>
  
  <pre><code>&lt;div style=" display:inline-block; width:100%; padding: 0.1em 0.6em; border-collapse:collapse; max-height:100px; margin-top:-1px; margin-left:30%; overflow-y:hidden;"&gt;
  
  &lt;img src="logo.png" /&gt;
  &lt;img src="cornerthing4.png" /&gt;&lt;a href="index.php"&gt;&lt;img src="homebtn.png"&gt;&lt;/a&gt;&lt;a href="index.php"&gt;&lt;img src="faqbtn.png"&gt;&lt;/a&gt;&lt;img src="cornerthing3.png"&gt;
  
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using the style tag because I am trying to design the page right now, I will be moving the css code over to a css file when I am finished.</p>
  
  <p>When the <code>&lt;a href&gt;</code> tag is removed, the images are side by side where I want them to be. As soon as I put that tag on they gain a 20 pixel space in between.</p>
  
  <p>Any insight as to why this occurs and how to correct it would be great.</p>
  
  <p>EDIT: the code works in jfiddle, however, it does not work on my website. Here is a link to the site: <a href="http://matxor.net/header.php" rel="nofollow">http://matxor.net/header.php</a></p>