HTML Character - Invisible space

I have a website name, Dalton Empire, only written without space (but I can't do that on Stackoverflow, as it won't be bold any more). So DaltonEmpire with the 'Empire' bold.

However, weird this may be, I'd like the user to, when he/she copies "DaltonEmpire" actually have written "Dalton Empire" in their clipboard (separated).

I only came to one solution; use a space, but make the letter-spacing -18px. Isn't there a neater solution, such as a HTML character for this?

My example JSFiddle:

1. DaltonEmpire
2. Dalton‌Empire
3. Dalton‍Empire
4. Dalton​Empire
5. Dalton Empire The only one that works

View the original article here