This is clearly bad UX and web development:
It's important to make sure that email addresses and URLs don't overflow the container, but also that they are fully visible.
But should the email address be hyphenated like this?
And cause potential confusion for people writing it down? (Curiously, "contactname" was hyphenated, but "com" was not.) From what I can tell, copy & pasting ignores the hyphens.
For example, in the above, they would include the hyphen since it looks logical. But in the following, the hyphenation is more clear
Or should the hyphenation be removed?
And, thus, any awkward newline and whitespace that forms should be endured?
Then again, awkward whitespace can occur even with hyphenation:
Feel free to play around with the demo/code here by resizing your browser window.