JSFiddle - React, Tailwind, and code Playground

HTML

<div class="step-line">
  <span class="step-line-text text">TEXT</span>
</div>

CSS

.step-line{
        border-bottom: 2px #ccc dotted;
        overflow:visible;
        height:9px;        
        margin: 5px 0 10px 0;
    }
    
.step-line-text {
        background-color: white;        
        padding: 0 5px;
        float: left
    }