JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="http://javascript-html5-tutorial.pl/wp-content/uploads/2013/09/html5_f.png" alt="html5">
  <a href="#">iron</a>
</div>

CSS

div {
  text-align: center; 
  width: 100px;
}
img {
  border-radius: 50%;
  width:100%;
}
a {
  text-decoration: none;
  text-transform: uppercase;
  color: #c17d00;
  font: 15px Arial Black;
  border-bottom: 1px solid #c17d00;
}

a:hover {
  color: orange;
}