Dot Leader

Add a typographic leader between two text elements.

  • Fidfijo 126
  • Ducozci 61
  • Kotakpol 135
  • Hadwo 180
<ul class="u-listUnstyled">

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

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

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

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