title: How to make an a tag border wrap around an image
body: <p>I need the border to be applied to the a tag but when I do this the border doesn't wrap around the image how can I make this happen?</p>
  
  <pre><code>&lt;div&gt;
    &lt;a href="#"&gt;
      &lt;img src="https://cdn.pixabay.com/photo/2015/04/23/17/41/javascript-736400_960_720.png"&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>a{
    border: 5px solid blue;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/b7qdcub1/" rel="nofollow noreferrer">https://jsfiddle.net/b7qdcub1/</a></p>