JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<a>11</a>
<a>11111</a>
<a>11111111</a>
<a>111111111111111</a>
<a>11111111111111111111111</a>

CSS

a
{
    display:inline-block;
    position:relative;
    padding:0 20px;
    float: left;
    clear: left;
}

a:before,a:after,a img
{
    content: "";
    position: absolute;
    background: url(http://www.artizone.com/Content/images/icon_sprite_v1.9.png) no-repeat;
    width: 11px;
    height: 6px;
    top: 5px;
}
a:before
{
    background-position: -8px -166px;
    left: 0px;
}
a:after
{
    background-position: -23px -166px;
    right: 0;
}