JSFiddle - React, Tailwind, and code Playground

by jcutrell

HTML

<h1><span>now you can</span></h1>

CSS

h1 {
    width: 100%;
    text-align: center;
}
h1 span {
    width: 50%;
}
h1 span:before {
    display: block;
    float: left;
    background-color: #ddd;
    height: 10px;
    width: 25%;
    content:"";
}
h1 span:after {
    display: block;
    float: right;
    background-color: #ddd;
    height: 10px;
    width: 25%;
    content:"";
}