JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.ionicframework.com/1.3.0/css/ionic.min.css">


<link href="http://code.ionicframework.com/1.3.0/css/ionic.min.css" rel="stylesheet"/>
<div class="post-info">
  <span class="charity">
    <i class="ion-ios-heart-outline"></i>
  </span>
</div>

CSS

.charity span {
  font-size: 13px
}

i {
  display: inline-block;
  position: relative;
  font-size: 40px
}

i:after {
  content: '45';
  display: inline-block;
  position: absolute;
  top:25%;
  left:35%;
  font-size: 10px;
}