JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont-title">
    <div class="triang-header"></div>
    <div class="h2-stripe">
        <h2 itemprop="name">
        Title
        </h2>
    </div>
</div>

CSS

.cont-title{
    margin-right: -7px;
    min-width: 90%;
    max-width: 100%;
    height:51px;
    float:right;
    text-align:right;
    white-space: nowrap;
}

.triang-header {
    position:relative;
    width:39px;
    height:38px;
    display:inline-block;
    background:url('http://vpnhotlist.com/wp-content/uploads/2014/03/image.jpg') no-repeat top left;

}

.h2-stripe{
    position:relative;
    line-height: 23px;
    z-index:10;
    display:inline-block;
    text-align:left;
    background-color: #2A58AE;
    margin:0;
    height:38px;
    min-width:80%;
    box-shadow: 2px 3px 5px 0 #555;
}