Template:Dot leaders list/styles.css

.dot-leaders-table td:nth-child(1) {
	width: 99%;
	/* create space for dot leaders */
}

.dot-leaders-wrapper {
	display: flex;
	gap: 0.25em;
	overflow-x: hidden;
}
.dot-leaders::before {
	float: left;
	width: 0;
	white-space: nowrap;
	content:
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
}

.dot-leaders-table-col1-align-left td:nth-child(1) { text-align: left; }
.dot-leaders-table-col2-align-left td:nth-child(2) { text-align: left; }
.dot-leaders-table-col1-align-right td:nth-child(1) { text-align: right; }
.dot-leaders-table-col2-align-right td:nth-child(2) { text-align: right; }
.dot-leaders-table-col1-align-center td:nth-child(1) { text-align: center; }
.dot-leaders-table-col2-align-center td:nth-child(2) { text-align: center; }