JSFiddle - React, Tailwind, and code Playground

by Caleb Wong

HTML

<h2>Long long long heading</h2>
<hr class="line">

CSS

body {
    padding: 50px 20px;
}
h2 {
    background: #fff;
    font-family: arial,verdana,sans-serif;
    font-size: 2em;
    position: relative;
    z-index: 1;
}
.line {
    border: 3px solid #ffd100;
    margin: 0;
    padding: 0;
    width: 90%;
}
.line:after {
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAfCAMAAAB55NVoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtQTFRF/uBX/9MQ/uBZ/9QS/u+o/tgv/vzv/9EB/9AA/9IE/tUY/tYf/vzx/9ED/to2/to3/tkx/tky/v77/9MK/9IF/v79/vbP/9EA////I3Q4vQAAABl0Uk5T////////////////////////////////AAE0CrcAAADZSURBVHjalNTJFsMgCAVQmkYzdq6B///SSmwGFaNhxYJ7YPMApelMaQV4imiFgKjGYjAqZNE/S7fo18Cix9LD7EnNgGBBIbEALYEbC7ybLDCPebKDupkbyBFTtTzX1EBlxFSILQMCorrLEwaWdDWxoOmaIw7gZSInsmQPnMgQD/zFIfHBIg5IAFaRJCHYRIJEYCdEEoO9EIgAPBERCfgiICIIhEdkEIodSYBIrOSdALFYyKeVgSAWwgESgCQ2IgFR0PR1T0ACsnDZt5kuF0wSICXsu0gA+gkwADB6gn4uuTAEAAAAAElFTkSuQmCC');
    display: block;
    height: 31px;
    width: 49px;
    position: absolute;
    top: 79px;
    left: 150px;
}