[enuddleyarbl]

Originally Posted by Turtle91

Not sure of ALL the ramifications, but have you tried using a margin-left, or padding-left, on the <ul>/<li> instead of text-indent??...

I should have included my ul_none class for my <ul>. Sorry:

.ul_none	{
/* Unordered List No Bullet */
	display: block;
	list-style-type: none;
	margin-left:	1.2em;
	margin-right: 1.2em;
	padding-left: 1.5em;
	text-indent:	-1.5em;
}

So, I do have those margin-left and padding-left in there. But, I really want to keep my text-indents, too.

However, if I just bite the bullet and include a text-indent:0 in the dotleaderline class, that does fix the shifty dots (at the expense, of course, of the indent):

.dotleaderline	{
/* Turns a block into a flexbox so it can be "responsive" */
	align-items:	flex-end;
	display:	flex;
	flex-direction:	row;
	flex-wrap:	nowrap;
	justify-content:	center;
	text-indent: 0em;
}

And, I do like your padding in a span class. It makes the line look much better:

.dotleaderline span {
/* Put some space between the spanned objects in the dotleaderline */
  padding-top:	0em;
  padding-right:	1.25em;
  padding-bottom:	0em;
  padding-left:	1.25em;
}