The asterisks should be centered on all browsers. They will be:

• centered in Safari on pre-iOS/iPadOS 26 and Safari on macOS (including macOS 26 Tahoe);
• left-aligned in Safari on iOS/iPadOS 26 and Chrome (macOS).

Start text

End text

Code

<style>
	hr {
		border-width: 0;	
	}

	hr::before {
		content: "* * *";
		text-align: center;
	}
</style>