title: Tailwind CSS: Button larger than A link
body: <p>Using Tailwind CSS.
  Setting up a form with a button to save the data then an 'a link' to abort.</p>
  <p>The button has slightly more padding in the height than the link but they have similar css.
  Changing the a link to a button tag makes them match up and have the same height.</p>
  <p>Can someone kindly point to where this extra padding is referenced or how to solve this by not making everything a button.</p>
  <p>Please see <a href="https://play.tailwindcss.com/7MmHdWY6Iw" rel="nofollow noreferrer">https://play.tailwindcss.com/7MmHdWY6Iw</a> for example (updated link as it was originally incorrect)</p>
  <pre><code>&lt;a href=&quot;&quot;
  value=&quot;cancel&quot; 
  class=&quot;ring-gray-500 ring-1 rounded text-gray-800 hover:text-white p-2.5 hover:bg-gray-800&quot;&gt;Back&lt;/a&gt;
  
  &lt;button value=&quot;submit&quot; 
  class=&quot;ring-blue-400 ring-1 rounded text-white bg-blue-500 p-2.5 hover:bg-blue-600&quot;&gt;Next&lt;/button&gt;
  </code></pre>