Dot Leader

Add a typographic leader between two text elements.

  • Wutmu 12
  • Jajvub 162
  • Wepwe 84
  • Ahbuvgez 152
<ul class="u-listUnstyled">

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

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

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

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