JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div class="arrow">This text is on a red background</div>

CSS

div.arrow {
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: white;
    background: url('http://i.stack.imgur.com/0Vw62.png') left no-repeat, 
                url('http://i.stack.imgur.com/g1QGk.png') right no-repeat, 
                red;
}