User:Inductiveload/Sandbox/dtpl.css

.entry { display: grid; grid-template-columns: auto max-content; grid-template-areas: "chapter page"; align-items: end; gap: 0 .25rem; /* customize the gap to your needs */ }

.chapter { grid-area: chapter; position: relative; overflow: hidden; }

.chapter::after { position: absolute; padding-left: .25ch; /* customise the padding to your needs */ /* adjust the amount of dots to your needs */ content: " . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . "   ". . . . . . . . . . . . . . . . . . . . . . . "    ". . . . . . . . . . . . . . . . . . . . . . . "    ". . . . . . . . . . . . . . . . . . . . . . . ";  text-align: right; /* optional, can be removed */ }

.page { grid-area: page; }