title: Why am I getting space stacking v-for list and a regular a tag?
body: <p>I'm rendering a list of icon-links, using v-for and right after it adding a few other icon-list items.</p>
  
  <p>Why am I getting space with the items attached at the end? 
  Obviously, I checked my css and it has no rules for any margin, padding, etc. </p>
  
  <p>As you can see, without v-for, every item in the list have this space around it.</p>
  
  <pre><code>&lt;span style="padding-top:10px;display: block;"&gt;
    &lt;a v-for="s in social.sites" :href="s.userPageUrl" target="_blank"&gt;
      &lt;img :src="s.iconUrl" style="display: inline-block; margin-bottom: 4px;" nosend="1" :width="social.wh" :height="social.wh"&gt;
    &lt;/a&gt;
    &lt;a :href="contacts.skype"&gt;&lt;img src="imgurl" style="display: inline-block; margin-bottom: 4px;" nosend="1" :width="social.wh" :height="social.wh"&gt;&lt;/a&gt;
    &lt;a :href="contacts.skype"&gt;&lt;img src="imgurl" style="display: inline-block; margin-bottom: 4px;" nosend="1" :width="social.wh" :height="social.wh"&gt;&lt;/a&gt;
    &lt;a :href="contacts.skype"&gt;&lt;img src="imgurl" style="display: inline-block; margin-bottom: 4px;" nosend="1" :width="social.wh" :height="social.wh"&gt;&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/HGiN2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HGiN2.png" alt=""></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: "#app",
    data: {
      demoL: "https://i.imgur.com/Nk3PKVZ.png",
      social: {
        sites: [
         { 
           iconUrl: "https://i.imgur.com/Nk3PKVZ.png",
           userPageUrl: "sdf"
         },
         {
           iconUrl: "https://i.imgur.com/Nk3PKVZ.png", 
           userPageUrl: "sdf"
         },
         {
           iconUrl: "https://i.imgur.com/Nk3PKVZ.png", 
           userPageUrl: "sdf"
         }
      ]
      }
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"&gt;&lt;/script&gt;
  
  &lt;div id="app"&gt;
  &lt;span style="display: block;"&gt;
    &lt;a v-for="s in social.sites" :href="s.userPageUrl"&gt;
      &lt;img :src="s.iconUrl" style="display: inline-block; margin-bottom: 4px;" nosend="1" width="20" height="20"&gt;
    &lt;/a&gt;
    
    
    &lt;a href=""&gt;&lt;img :src="demoL" style="display: inline-block; margin-bottom: 4px;" nosend="1" width="20" height="20"&gt;&lt;/a&gt;
    &lt;a href=""&gt;&lt;img :src="demoL" style="display: inline-block; margin-bottom: 4px;" nosend="1" width="20" height="20"&gt;&lt;/a&gt;
    &lt;a href=""&gt;&lt;img :src="demoL" style="display: inline-block; margin-bottom: 4px;" nosend="1" width="20" height="20"&gt;&lt;/a&gt;
  &lt;/span&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>