Characters for Hyphenation
When the browser hyphenates a word because the line doesn't fit within the available width, it generally uses the common - character on most alpha-numeric keyboards. But other characters can be used.
To instruct the browser to use a different character (or characters) than the common hyphen, use the CSS hyphenate-character:"STRING"; declaration.
The CSS hyphenate-character property works with the latest browser versions and most later email reader versions. Older versions that do not support the property will publish a regular hyphen.
When you declare hyphenate-character:"~"; for a paragraph, any browser-inserted hyphens should be the ~ tilde character.
An outstanding remarkable thing.
If you want a special effect, an option would be to declare hyphenate-character:"♥"; to tell the browser that inserted hyphens should be represented by the ♥ heart character.
An outstanding remarkable thing.
You get the idea.
Now, how about even wider choices? You may specify multiple characters.
Try hyphenate-character:">↵"; to see what happens.
An outstanding remarkable thing.
As expected, the specified >↵ characters are used instead of a regular hyphen.
When you have a special case where a different character than a regular hyphen should be used for browser-inserted hypens, the CSS hyphenate-character:"STRING"; declaration can be used.
(This content first appeared in Possibilities newsletter.)
Will Bontrager
