JSFiddle - React, Tailwind, and code Playground

HTML

<div class="headline-black">
     <h1 class="entry-title"><span>Heading over</span><span>background image</span></h1>

</div>

CSS

h1 span {
        background: #fff;
        line-height:44px;
        padding:4px 4px 4px 10px;
        margin:0;
        display:inline-block;
    }
    .headline-black  {
        height:219px;
    width:367px;
        background:url(http://f.cl.ly/items/0r3N2l3A1K3c3h2F3E3l/Screen%20Shot%202013-06-30%20at%2000.18.16.png);
        padding:40px;
    box-sizing:border-box;
    }