JSFiddle - React, Tailwind, and code Playground

by Danijel

HTML

<p><span class="lines">Test</span></p>

CSS

span.lines {
    position: relative;
    margin: 0 100px;
    padding: 0 10px;
}
span.lines:before, span.lines:after{
    content:"";
    position: absolute;
    top: 50%;
    width: 100px;
    border: 1px solid #666;
}
span.lines:before {
    left: -100px;
}
span.lines:after {
    right: -100px;
}