title: Html Div Link covers an entire background row
body: <p>I just made a div-link with an image src. Almost everything is ok nevertheless the image-link-div, although its positioned just where i want to it to be, covers (as a link) an entire row from left to right, like it is using an entire line. Any object I put near the code gets placed after (above) or before (bottom) of this invisible link row. Any help ?</p>
  
  <p>**The image its just the Google homepage logo on every navigation: 
  white background </p>
  
  <p>properties: </p>
  
  <p>width - 70px<br>
  height - 38px (auto stretched on paint, saved as .jpg)</p>
  
  <p>CSS:</p>
  
  <pre><code>.box4
  {   
      margin-left: 0%;
      margin-right: 80%;  
      display: block;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="box4" onclick="location.href='https://www.google.cl'" style="cursor:pointer;"&gt; &lt;img src="Imagenes/Google.jpg"&gt; &lt;/div&gt;
  </code></pre>