title: How to add space between image link and link
body: <p>I need to know if there is a way to add a space between the image link and Simology on my navigation menu, without adding extra space any where else<a href="https://i.stack.imgur.com/6y40w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6y40w.png" alt="enter image description here"></a></p>
  
  <p>here is a link to the actual page <a href="http://thesims3addictresource.blogspot.com/" rel="nofollow noreferrer">here</a></p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;div style="text-align: left;"&gt;
  
  &lt;style&gt;
  
  
  #homelink {
  background-image: url(http://i946.photobucket.com/albums/ad301/campbellmichelle41109/sims3_logo_ver931034_zpsmnyi2tcj.png);
  background-repeat:  no-repeat;
  
  background-color: transparent;
  display: block;
  width: 126px;
  height: 140px;
  }
  
  
  
  
  #homelink {
  position: relative;
  padding: 0;
  margin: -97px;
  }
  
  
  
  #mbt-menu, #mbt-me
  nu ul {
  margin: -15px;
  padding: 12px;
  list-style: none;
  }
  
  #mbt-menu ul {
     border: none !important;
      padding: 0 !important;
    }
  #mbt-menu {
  width: 100%;
  margin: 0px auto;
  javascript:void(0)
  background-image: url("http://i946.photobucket.com/albums/ad301/campbellmichelle41109/navbg1.1_zps86kuvvkj.png") repeat-x;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  }
  #mbt-menu:before,
  #mbt-menu:after {
  content: "";
  display: table;
  }
  #mbt-menu:after {
  clear: both;
  }
  #mbt-menu {
  zoom:1;
  }
  #mbt-menu li {
  float: left;
  border-right: 1px solid #328ad4;
  -moz-box-shadow: 1px 0 0 #469ee8;
  -webkit-box-shadow: 1px 0 0 #469ee8;
  box-shadow: 0px 0 0 #469ee8;
  position: relative;
  }
  #mbt-menu a {
  float: left;
  padding: 10px 25px;
  color: #ffffff;
  text-transform: uppercase;
  font: bold 13px 'Trebuchet MS',Arial, sans-serif;
  text-decoration: none;
  text-shadow: 0 0px 0 #000;
  }
  
  #mbt-menu li ul a{
  color: #000000;
  }
  
  #mbt-menu li ul a:hover{
  color: #057BBA;
  }
  
  #mbt-menu li:hover &gt; a {
  color: #0;
  }
  *html #mbt-menu li a:hover { /* IE6 only */
  color: #000000;
  }
  #mbt-menu ul li {
  border-style: solid;
  border-color: #EBEBEB;
  }
  
  
  #mbt-menu ul {
  margin: 20px 0 0 0;
  _margin: 0; /*IE6 only*/
  opaciaty: 0;
  visibility: hidden;
  position: absolute;
  top: 55px;
  left: 15px;
  z-index: 9999;
  background: #ffffff;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
  #mbt-menu li:hover &gt; ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  }
  #mbt-menu ul ul {
  top: 0;
  left: 150px;
  margin: 0 0 0 20px;
  _margin: 0; /*IE6 only*/
  
  
  }
  #mbt-menu ul li {
  
  float: none;
  display: block;
  border: 0;
  _line-height: 0; /*IE6 only*/
  border: 1px solid #EBEBEB;
  background:#fff !important;
  }
  #mbt-menu ul li:last-child {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  }
  #mbt-menu ul a {
  padding: 7px;
  width: 113px;
  _height: 9px; /*IE6 only*/
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
  }
  
  
  #mbt-menu ul a{
  font-size: 12px;
  }
  
  #mbt-menu ul a:hover {
  background-color: #ffffff;
  }
  #mbt-menu ul li:first-child &gt; a {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  }
  
  #mbt-menu ul ul li:first-child a:after {
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-left: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #3b3b3b;
  }
  #mbt-menu ul li:first-child a:hover:after {
  border-bottom-color: #04acec;
  }
  #mbt-menu ul ul li:first-child a:hover:after {
  border-right-color: #0299d3;
  border-bottom-color: transparent;
  }
  #mbt-menu ul li:last-child &gt; a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  }
  
  /* non links */
  
  #mbt-menu ul {
  color: #000000;
  font-size: 12px;
  }
  
  #mbt-menu li ul:hover {
  color: #057BBA;
  }
  
  #mbt-menu ul {
  pading: 7px;
  width: 130px;
  height: 34px;
  _height: 9px;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
  }
  
  #mbt-menu {
  font: bold 13px 'Trebuchet MS', Arial, sans-serif;
  text-decoration: none;
  text-shadow: 0 0px 0 #000;
  }
  
  &lt;/style&gt;
  
  &lt;div align=center&gt;
  
  &lt;ul id="mbt-menu"&gt; 
  &lt;li&gt;&lt;a id=homelink href="http://thesims3addictresource.blogspot.com/"&gt;&lt;/a&gt;&lt;/li&gt; 
  
  
  
  &lt;li&gt; 
  &lt;a href="#"&gt;Simology&lt;/a&gt; 
  &lt;ul&gt; 
                   &lt;li&gt;Sims
  
          &lt;ul&gt;
                  &lt;li&gt;&lt;a href=""&gt;Faries&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Ghosts&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Plant Sims&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Witches&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Werewolves&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Vampires&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Zombies&lt;/a&gt;
  
          &lt;/li&gt;&lt;/ul&gt;
  
  &lt;/li&gt;
  
  &lt;li&gt;&lt;a href="p/needs.html"&gt;Needs&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="/p/skills.html"&gt;Skills&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="/p/traits.html"&gt;Traits&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="/p/moodlets.html"&gt;Moodlets&lt;/a&gt;&lt;/li&gt; 
  
  &lt;li&gt;&lt;a href=""&gt;Life &amp; Death&lt;/a&gt;
     &lt;ul&gt;  
        &lt;li&gt;&lt;a href="http://thesims3addictresource.blogspot.com/p/death.html"&gt;Death&lt;/a&gt;&lt;/li&gt; 
        &lt;li&gt;&lt;a href="http://thesims3addictresource.blogspot.com/p/ghosts.html"&gt;Ghosts&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;li&gt;&lt;a href="http://thesims3addictresource.blogspot.com/p/lifetime-wishes.html"&gt;Lifetime Wishes&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://thesims3addictresource.blogspot.com/p/lifetime-rewards.html"&gt;Life Time Rewards&lt;/a&gt;&lt;/li&gt;
  
  
  
  
  &lt;/ul&gt; 
  &lt;/li&gt; 
  
  
  &lt;li&gt;
      &lt;a href=""&gt;Petology&lt;/a&gt;
  &lt;ul&gt;
            &lt;li&gt;&lt;a href=""&gt;Horses&lt;/a&gt;
               &lt;ul&gt;  
               &lt;li&gt;&lt;a href=""&gt;Traits&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Skills&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Breeding&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Lifetime Rewards&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;  &lt;/li&gt;
  &lt;/ul&gt;
    &lt;/li&gt;
  
  &lt;li&gt; 
      &lt;a href="#"&gt;Expansion Guide&lt;/a&gt; 
  
          &lt;ul&gt; 
              &lt;li&gt;&lt;a href="#"&gt;Ambitions&lt;/a&gt; 
  
                  &lt;ul&gt;
                  &lt;li&gt;&lt;a href=""&gt;New Skills&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;New Lifetime Rewards&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Celebrities&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;li&gt;&lt;a href="#"&gt;Generations&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;Pets&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;Late Night&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;Supernatural&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;World Adventures&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;University Life&lt;/a&gt;&lt;/li&gt;
                  &lt;/li&gt;
          &lt;/ul&gt; 
  &lt;/li&gt; 
  
  
  &lt;li&gt; 
  &lt;a href="#"&gt;Towns&lt;/a&gt; 
  &lt;ul&gt; 
  &lt;li&gt;&lt;a href="#"&gt;Sunset Valley&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="#"&gt;Monte Vista&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="#"&gt;Hidden Springs&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="#"&gt;Dragon Valley&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="#"&gt;Roaring Heights&lt;/a&gt;&lt;/li&gt; 
  &lt;/ul&gt; 
  &lt;/li&gt; 
  
  &lt;li&gt;
  &lt;a href="#"&gt;Free Downloads&lt;/a&gt;
  
  
             &lt;ul&gt;
           &lt;li&gt;&lt;a href="http://thesims3addictresource.blogspot.com/p/custom-sims.html"&gt; Custom Sims &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Sliders&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
   &lt;/li&gt;
  
  
  &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt; 
  
  &lt;/ul&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/pre&gt;
  </code></pre>