title: A href tag takes up the whole div
body: <p>I wanted  to create a link for my logo in the footer, I centered the logo via <code>display:block</code> and <code>margin: 0 auto</code>, but when I did so, the <code>a href</code> tag took up the whole footer, like I set the width to 100% or something. </p>
  
  <p><strong>Here's the css sample</strong></p>
  
  <pre><code>#footer{
  height:60px;
  position:absolute;
  background-color:white;
  bottom:0;
  width:100%;
  left:0;
  }
  
  #logo{
  text-align:center;
  width:50px;
  height:auto; 
  bottom:0px;
  padding-top:10px;
  display:block;
  margin: 0 auto;
  position:relative;
  }
  </code></pre>
  
  <p><strong>HTML(JADE Template Engine was used)</strong></p>
  
  <pre><code> div#footer  
      a#gitlink(href='https://github.com/ZippoRays/slatkatajnamk2')
          img#logo(src='randomimg') 
  </code></pre>