JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="link-button">
    <a href="#" title="My Text button"><span>My Text</span></a>
  </li>
</ul>

CSS

li.link-button {
  float: left;
  background: url(http://i.imgur.com/5oyqY.png) repeat-x;
}
.link-button a {
  font-family: Arial;
  color: White;
  text-decoration: none;
  background: url(http://i.imgur.com/YnU7X.png) left center no-repeat;
}
.link-button span {
  padding-left: 8px;
  padding-right: 8px;
  background: url(http://i.imgur.com/DeB00.png) right center no-repeat;
}