JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dashedLines">
    
</div>

CSS

.dashedLines:after {
    content: '';
    display: block;
    border-bottom: 4px dashed #000;
    position: absolute;
    left: 0%;
    top: 84px;
    width: 108px;
    margin-left: 0px; 
}

.dashedLines{
  height: 4px; 
  position: relative;
  width: 100px;
  display:block;
}