JSFiddle - React, Tailwind, and code Playground

by Hastig Z

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="link" href="http://stackoverflow.com/questions/44102111/">
  <span>stack question</span>
  <i class="fa fa-caret-square-o-down"></i>
</a>

CSS

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}
.link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  color: black;
  background-color: gray;
  border-radius: 5px;
}
.link span {
  margin-right: 8px;
}
.link i {

}