How to create copitables dotted horizontal lines?

Question

One can use this code to create a dotted horizontal line:

<hr style="border-top: dotted 1px;" />

However, the line is uncopiable. If I want my users to be able to copy it like how regular text be copied and pasted, what should I do?

_{FYI: How To Style the HR Element with CSS}