I have a little layout problem: on a clients website, we show contact information of people in a little box. The width of that box is constrained. As it happens, there are people with very long names (this is in Germany, after all...), and the email address is a concatenation of the given name and family name. The result: with certain names, the email address overflows the constraints given by the about box.
Inserting a ­ before the @results in the correct line break, but looks like this:
john.doe-
@example.com
Is it possible to suppress that dash? I don't want to use <br />, because for 90% of the names, the available width is more than enough.
Though I'm not sure how this does cross-browser (probably pretty well), you could always use the thin space character ( ) or the zero-width space (++​).
john.doe @example.com
++ I would not suggest using the zero-width space, as apparently some browsers will not render it correctly (source).