Как заполнить пустое расстояние между текстом точками? [дубликат]

ul.dots li { 
  list-style-type: none; 
  clear: both; 
  font-size: 1em; 
  margin: 0; 
  padding: 0; 
} 
 
ul.dots li span:first-child { 
  float: left; 
  padding: 0 10px 0 0; 
} 
 
ul.dots li span+span { 
  float: right; 
  padding: 0 0 0 10px; 
} 
 
ul.dots li:after { 
  content: ""; 
  display: block; 
  overflow: hidden; 
  height: 0.8em; 
  border-bottom: 1px dotted black; 
}

<ul class="dots"> 
  <li><span>Один</span><span>1</span></li> 
  <li><span>Два</span><span>22</span></li> 
  <li><span>Три</span><span>333</span></li> 
  <li><span>Десять</span><span>000000000000</span></li> 
</ul>