JSFiddle - React, Tailwind, and code Playground

HTML

Test
<span class="test">Blafffff</span>
<span class="test"></span>

CSS

.test
{
    display: inline-block;
    line-height: 30px;
    border: none;
    height: 30px;
    width: 120px;
    text-align: center;
    margin-top: -15px;
    background: url("http://i.imgur.com/vYiCjoF.png") no-repeat;
}
.test:before {
    content: '\FEFF';
}