JSFiddle - React, Tailwind, and code Playground

HTML

<p>Here is some content above</p>

<div class="sidearrow"></div>
<div class="divider"></div>

<p>Here is some content below</p>

CSS

.divider {
    border-bottom: 1px solid #c3c3c3;
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    padding: 0;
    z-index: 0;
}

.sidearrow {
    position: relative;
    background: url(http://s16.postimage.org/sbf7v9n75/sidearrow.png) 50% 0 no-repeat;
    width: 100%;
    height:25px;
    margin-bottom: -15px;
    z-index: 1;
}