JSFiddle - React, Tailwind, and code Playground

by hieuns

HTML

<a href="#" class="tbl-btn">
  <span><img src="http://www.web-plus-plus.com/Images/Articles/vertical-centering-elements-html/save.png"/></span>
  <span>Save everything!</span>
</a>

CSS

.tbl-btn {
  display: table;
  color: black;
  text-decoration: none;
  padding: 12px 24px 12px 24px;
  background-color: #ffe6cc;
  border: solid 1px lightgray;
  border-radius: 4px;
}
.tbl-btn span {
  display: table-cell;
  vertical-align: middle;
}
.tbl-btn img {
  float: left;
  margin-right: 6px;
}