JSFiddle - React, Tailwind, and code Playground

HTML

<br>
    <br>
<span class=button>
    <span class=l></span>
    <span class=m>toto je dlouhy text</span>
    <span class=r></span>
</span>
<br>
    <br>
<span class=button>
    <span class=l></span>
    <span class=m>toto je dlouhy text</span>
    <span class=r></span>
</span>

CSS

.button {display:table; }
.button span {
background: url(http://s15.postimg.org/6a6uqcjhz/faq_lava.png) no-repeat;
display:table-cell;
width: 37px;
line-height: 30px;

}
.button span.r
{

background: url(http://s16.postimg.org/eyfplth29/faq_prava.png) repeat-x;

}
.button span.m
{

background: url(http://s22.postimg.org/ykjf8viwt/faq_stred.png) no-repeat;
    width: auto;

}