Dotted leaders

HTML
<div class="dotted"> <span class="dotted_child">123</span> <span class="dotted_dots" aria-hidden="true"></span> <span class="dotted_child">456</span> </div>
CSS
.dotted { display: flex; justify-content: space-between; align-items: stretch; } .dotted_child { margin: 0 0.5em; } .dotted_dots { flex-basis: 100%; border-bottom: 2px dotted black; margin-bottom: 2px; }
JAVASCRIPT
Expand for more options Login