JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="http://imgur.com/8Isga60">Button</a>
</p>
<p>The problem</p>
<p><a href="http://imgur.com/8Isga60">Does not work with larger text</a></p>

CSS

a {
    background:url(http://i.imgur.com/8Isga60.png);
    display:inline-block;
    padding:30px 100px;
    height:20px;
    color:white;
    font-size:16px;
}