title: Clickable icon with link
body: <p>I have an icon list made of social media but they're only clickable on the letter of the icon, I want it to be clickable on any spot but I have to click on the "F" of facebook: 
  <a href="https://i.stack.imgur.com/EcWP8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EcWP8.png" alt="enter image description here"></a></p>
  
  <p>On the facebook icon, I have to click literally on the "F", it doesn't work if I click on the blue spot, how can I fix this? Here's my code:</p>
  
  <pre><code>&lt;div class="leftside"&gt;
      &lt;ul class="socialmediaicons"&gt;
        &lt;li&gt;&lt;a href="https://www.facebook.com/EnUnChasquido/"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/li&gt;&lt;/a&gt;
        &lt;li&gt;&lt;i class="fa fa-instagram"&gt;&lt;/i&gt;&lt;/li&gt;
        &lt;li&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/li&gt;
        &lt;li&gt;&lt;i class="fa fa-youtube"&gt;&lt;/i&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>