JSFiddle - React, Tailwind, and code Playground

HTML

<div class='a'></div><div class='b'></div><div class='c'></div>

CSS

.a
{
width:200px;
border-bottom:1px solid magenta;
 height:50px;   
}
.b
{
width:100px;
border-top:1px solid black;
 height:1px;   
}
.c
{
width:100px;
border-top:1px solid green;
height:1px;   
position:absolute;
left:50px
}