title: Removing spaces between anchor tags
body: <p>I am working on a navigation links, there is a some gaps in between the links. 
  Got some solution for earlier questions from stackoverflow which says to remove the whitespaces between anchor tags as some browser will treat them as newline.  In my case there are no spaces between thee anchor tags.</p>
  
  <p><a href="http://postimg.org/image/e2rsaam7b/" rel="nofollow">enter link description here</a></p>
  
  <pre><code>         &lt;div id="nav"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="link1"&gt;Link1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="link2"&gt;Link2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="link3"&gt;Link3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
           &lt;/div&gt;
  
  #nav{
    background-color:#000000; 
  }
  
  
  #nav ul {
    height: 50px;
    padding: 0;
    margin: 0;
    text-align:center;
    border:1px solid #fff; 
  }
  
  #nav ul li { 
     display: inline-block; 
     height: 50px;
     width: 150px; 
     text-align: center; 
     border-right:1px solid #fff;
     border-left:1px solid #fff;
     list-style: none; 
     font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
     padding: 0;
     margin: 0;
     background-color: #000000;
  }
  
  
   #nav ul li a{
     padding: 18px 0; 
     text-decoration: none; 
     color: white; 
     display: block;
  }
  </code></pre>