title: How to remove white spaces around the button in HTML?
body: <p>I have created a simple <code>HTML</code> button, the button works fine. There is some blank/white space around it. How can I get rid of it? My question might sound silly, but for a beginner like me, I have no idea how to get rid of it.</p>
  <p>Thank you.</p>
  <p>You can see the white spaces, which I was talking about, in the following screenshot.</p>
  <p><a href="https://i.stack.imgur.com/chFuF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/chFuF.png" alt="enter image description here" /></a></p>
  <p>Following is the code I have for buttons.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;
    &lt;a class="button" href="https://facebook.com/"&gt;
      &lt;button style="background-color:#3b5998; border:none; color:white; border-radius: 3px;"&gt;Facebook&lt;/button&gt;&amp;nbsp;&lt;/a&gt;
    &lt;a class="button" href="https://wa.me/1234567898"&gt;
      &lt;button style="background-color:green; border:none; color:white; border-radius: 3px;"&gt;WhatsApp&lt;/button&gt;
    &lt;/a&gt;
  &lt;/p&gt;
  
  &lt;p&gt;
    &lt;a href="tel:01234567890"&gt;
      &lt;input type="image" align="right" src="https://toppng.com/uploads/preview/hone-icon-866-986-8942-book-online-phone-icon-png-blue-115633551488jsnijarwa.png" name="submit" width="70" height="70" alt="Call Us" value=""&gt;
    &lt;/a&gt;
  &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>