JSFiddle - React, Tailwind, and code Playground

by magicalex

HTML

<div class="tagline">
    <h1>
        Oh Look A Headline Thanks
    </h1>
</div>

CSS

body {
    background:#ccc;
}
.tagline {
    width: 10px;
    color: #eee;
    position: relative;
    z-index: 1;
    padding: 10px;
}

h1:before {
    content: '';
    position: absolute; top: -10px;left: 0;
    padding: 10px 10px 0 10px;
    display: block;
    width: 60px; height: 100%;
    background: #222;
    z-index: -1;
}