JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div id="red" class="arrow">This text is on a red background</div>
<div id="blue" class="arrow">This text is on a blue 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 { background-color: red; }
#blue { background-color: blue; }