JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="blue">Hola forobeta! Separador azul</h3>

<h3 class="orange">Hola forobeta! Separador naranja!</h3>

<hr class="orange" />

Separador común

<hr class="blue" />

Separador común asdsadsad

CSS

h3 { font-family: Arial, sans-serif; text-transform: uppercase }

h3.blue, h3.orange {
    width: 790px;
    height: 60px;
    padding: 43px 0 0 150px;
}

h3.blue { color: #fff; background: url('http://dl.dropbox.com/u/3301800/ForoBeta/Separador-ForoBeta-3.png') left center no-repeat; }

h3.orange { color: #FFDA8A; background: url('http://dl.dropbox.com/u/3301800/ForoBeta/Separador-ForoBeta-1.png') left center no-repeat; }

hr.orange,  hr.blue {
    border: 0;
    height: 48px;
    width: 790px;
}

hr.blue { background:url(http://dl.dropbox.com/u/3301800/ForoBeta/Separador-ForoBeta-3-%28reducido%29.png) no-repeat center; }

hr.orange { background:url(http://dl.dropbox.com/u/3301800/ForoBeta/Separador-ForoBeta-1-%28reducido%29.png) no-repeat center;