JSFiddle - React, Tailwind, and code Playground

by brandonzylstra

HTML

<span class="double-border">two borders with different colors</span>

CSS

.double-border {
    border-bottom:1px dotted #f00;
    /* padding-bottom:1px;*/
    position:relative;
}
.double-border:after {
    border-bottom:1px dotted #000;
    content:'';
    left:0;
    position:absolute;
    bottom:-3px;
    width:100%;
}