JSFiddle - React, Tailwind, and code Playground

HTML

<div class="headline-black">
			<h1 class="entry-title"><span>Some very, very long headline, that is very, very long.</span></h1>
		</div>

CSS

h1 span {
        background: none repeat scroll 0 0 #000000;
        line-height:44px;
        padding:7px 25px 8px 25px;
    }
    
    .headline-black h1 {
        color: #FFFFFF;
        font-size: 22px;
    padding:0 1em;
    }