JSFiddle - React, Tailwind, and code Playground

by avrahamcool

HTML

<h1 class="SpecialBorder">Title</h1>
<h1 class="SpecialBorder">Title</h1>
<h1 class="SpecialBorder">Title</h1>

CSS

*
{
    margin: 0;
    padding: 0;
}
.SpecialBorder
{
    display: inline-block;
    position: relative;
    float: left;
    clear: left;
}
.SpecialBorder:before , .SpecialBorder:after
{
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
}
.SpecialBorder:before
{
    width: 100vw;
    border-bottom: 1px solid red;
}
.SpecialBorder:after
{
    width: 100%;
    border-bottom: 1px solid blue;
}