JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
     <h1><span>Donec commodo sapien lectus, nec gravida magna</span></h1>
</div>

CSS

.wrap {
    width: 100px;
    line-height: 1.3;
    padding: 2px 0;
    border-left: 20px solid green;
    margin: 20px 0;
}
h1 {
    display: inline;
    background: green;
    color: #fff;
    padding: 4px 0;
    margin: 0;
}
span {
    position: relative;
    left: 1em;
}