.toc li {
  display: flex;
  margin-right:5%;
  margin-left:-3%;
}

.toc li .title {
  order: 1;
}

.toc li .page {
  order: 3;
}

.toc li::after {
  content: "";
  border-bottom: 1px dotted;
  flex-grow: 1;
  order: 2;
  margin-right:3%;
  margin-left:3%;
}



/*
Use with this list

<ul class="toc">
  <li>
    <span class="title">Foo</span>
	<span class="page">Chapter 1</span>
  </li>
  <li>
    <span class="title">Bar</span>
    <span class="page">Chapter 2</span>
  </li>
</ul>
*/