JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<h1>lorem ipsum dolor</h1>

CSS

body
{
    text-align: center;
    overflow-x: hidden;
    font-family: sans-serif;
}
h1
{
    position: relative;
    display: inline-block;
    padding-left:  10px;
    padding-right: 10px;
}
h1:before,
h1:after
{
    position: absolute;
    top: 50%;
    margin-top: -1px;
    border-bottom: 2px solid #3D668F;
    content: '';
    width: 1000px;
}
h1:before
{
    right: 100%;
}
h1:after
{
    left: 100%;
}