Dot Leader

Add a typographic leader between two text elements.

  • Kuwgap 2
  • Zi 78
  • Cufu 91
  • Susopfu 15
<ul class="u-listUnstyled">

  <li class="DotLeader ">
    <span class="DotLeader-start ">Jelgihun</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">144</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Woszohri</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">85</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Vusta</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">117</span>
  </li>

  <li class="DotLeader ">
    <span class="DotLeader-start ">Fokekmu</span>
    <span class="DotLeader-between " aria-hidden="true"></span>
    <span class="DotLeader-end ">31</span>
  </li>
</ul>