title: Why is my intended hyperlink being found in a different image?
body: <p>I'm quite new to HTML/CSS and I've just started a new webpage. I'm trying to add a hyperlink to my image which is in my style sheet. However, when I've added the redirect url to my div element, the redirect is not appearing on the intended element, but the element adjacent to it. Can anyone see where I've gone wrong?</p>
  
  <p>Here is my JSFiddle:</p>
  
  <p><a href="https://jsfiddle.net/Syed213shah/bcnu8f21/1/" rel="nofollow noreferrer">https://jsfiddle.net/Syed213shah/bcnu8f21/1/</a></p>
  
  <pre><code>HTML:
  &lt;div class="item1"&gt;&lt;a href="https://www.bbc.co.uk/sport/football"&gt;&lt;/a&gt;&lt;/div&gt;
  
  CSS:
  .item1 { 
  
  
      background-image: url('https://pbs.twimg.com/media/D5gQCxCW0AE0skl.jpg');
      width: 100%;
      height: 200%;
  
  }
  </code></pre>