JSFiddle - React, Tailwind, and code Playground

by rudiedirkx

HTML

<p><span class="icon">Howdy</span> and more text.</p>
<p><img src="http://upload.wikimedia.org/wikipedia/commons/0/03/Sprite-example.gif" alt="sprite here!" /></p>

CSS

body {
    font-size: 20px;
    line-height: 25px;
}

p {
    display: inline-block;
    padding: 10px;
    background: #eee;
}

.icon:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    background: url(http://upload.wikimedia.org/wikipedia/commons/0/03/Sprite-example.gif) no-repeat -32px -32px;
    margin-right: .25em;
}