JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<div id="outer">
    <div id="inner">
        контент_который______определяет_ширину
    </div>
</div>

CSS

#outer {
    text-align:center;
}
#inner {
    display:inline-block;
    padding: 0 22px;
    background-image: url(http://biactors.ru/images/message_boder_left.png), url(http://biactors.ru/images/message_boder_right.png);
    background-repeat: no-repeat;
    background-position: left,right;
    min-height:129px;
}