JSFiddle - React, Tailwind, and code Playground

HTML

<div class="node-title">
    <div class="node-title-text">
        <a href="#">Lorem  ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit  fermentum leo eu scelerisque. Maecenas dapibus, lacus ut aliquam  viverra, erat ante congue ante, viverra cursus tellus velit a felis.  Nullam eleifend dui eget felis porttitor lacinia. Sed sed augue enim,  vitae consectetur magna. Vivamus consequat massa et erat laoreet  sodales. Etiam bibendum risus ac justo tempor id gravida velit  imperdiet. Donec sapien dolor, bibendum eget mattis eget, viverra et  lorem. Aliquam a scelerisque nibh. Cum sociis natoque penatibus et  magnis dis parturient montes, nascetur ridiculus mus. Proin purus neque,  porta vel tincidunt nec, aliquet eu ipsum. Nullam consectetur lectus a  leo dictum facilisis. Donec auctor mauris pharetra odio venenatis vel  sollicitudin nunc vulputate. Phasellus interdum auctor condimentum.  Pellentesque suscipit, eros nec egestas rhoncus, metus diam condimentum  justo, ac mollis mauris felis eu quam. Pellentesque vehicula ultrices  tincidunt. Donec dapibus pellentesque dui sit amet facilisis. </a>
    </div>
</div>

CSS

div.node-title /* Node title */ {
    -webkit-background-inline-policy:each-box;
    -moz-background-inline-policy: each-box; /* Comment this line to see the webkit result */
    
    font-size: 2em;
    text-transform: uppercase;
    color:#fff;
    text-shadow:1px 1px #333;
    padding:4px 10px 4px 0;
    white-space:pre-wrap;
    display: inline;
    background: url('http://i.imgur.com/HPofR.png') top left no-repeat #000,
        url('http://i.imgur.com/C8ImH.png') top right no-repeat,
        url('http://i.imgur.com/9is9r.png') top center repeat-x;
}


div.node-title-text {

    display: inline;
}