Dot leader
HTML
<div class="dot-leader">
<!-- Left side -->
<div>...</div>
<!-- Dots -->
<div class="dot-leader__dots"></div>
<!-- Right side -->
<div>...</div>
</div>
CSS
.dot-leader {
/* Center the content */
align-items: center;
display: flex;
justify-content: center;
}
.dot-leader__dots {
/* Bottom border */
border-bottom: 1px dotted #d1d5db;
/* Take remaining width */
flex: 1;
/* Spacing */
margin: 0 0.25rem;
}
Demo