JSFiddle - React, Tailwind, and code Playground

HTML

<h1>HTML Button in Gmail</h1>
<p>
  <a style="background-color: #1a73e8; padding: 10px 20px;
            color: white; text-decoration:none;font-size:14px;
            font-family:Roboto,sans-serif;border-radius:5px" href="https://blog.rahulism.co/">Visit My Hashnode Powered Blog
  </a>
</p>

<p>
  
In this latest post we'll learn how to create HTML emails in Gmail that contain tables, buttons, custom fonts, inline CSS styles and many many things without usong an extensions. (EXAMPLE)<br />
  </p>

CSS

body {
  background: #f0f0f0;
  margin: 40px auto;
  width: 600px;
}

h2,
p{
  margin-bottom: 40px;
}