Dot Leader

Add a typographic leader between two text elements.

  • Imolojbaz 190
  • Uj 107
  • Lohre 196
  • Ka 95
<ul class="u-listUnstyled">

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

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

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

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