JSFiddle - React, Tailwind, and code Playground

by hieuns

HTML

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

CSS

.flex-btn {
  display: inline-flex;
  align-items: center;
  color: black;
  text-decoration: none;
  padding: 12px 24px 12px 24px;
  background-color: #f0fff0;
  border: solid 1px lightgray;
  border-radius: 4px;
}
.flex-btn img {
  margin-right: 6px;
}