Dot Leader

Add a typographic leader between two text elements.

  • Rojdu 56
  • Li 103
  • Se 92
  • Zolho 121
<ul class="u-listUnstyled">

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

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

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

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