Support for soft hyphens

Typographers aid ‘justification’ of text by using a hyphen to split long words across two lines. HTML specifies that ‘soft’ hyphens can be used to indicate where a word could be divided in this manner, yet few modern browsers seem to support it.

The tests

In these tests, I have placed 7 soft hyphens within a particularly long word. The tests are repeated using the &shy; and &#173; entities and thirdly by coding a <br/> in the middle of the word

In all cases, where a line is broken at a soft hyphen, a hyphen character must be displayed at the end of the first line. If a line is not broken at a soft hyphen, the user agent must not display a hyphen character.

Soft hyphens tests in your current browser

I’m told this is the longest word in the English language: anti­dis­est­ab­lish­ment­arian­ism.

I’m told this is the longest word in the English language: anti­dis­est­ab­lish­ment­arian­ism.

I’m told this is the longest word in the English language: anti­dis­est­ab­
lish­ment­arian­ism.

Soft hyphens tests in Internet Explorer 6

screen shot of IE6 rendering soft hyphens correctly

Soft hyphens tests in Safari 1.2

screen shot of Safari 1.2 rendering all soft hyphens as visible

Soft hyphens tests in Mozilla 1.6

screen shot of Mozilla 1.6 not rendering any soft hyphens as visible

Soft hyphens tests in Opera 7.23

screen shot of Opera 7.23 rendering soft hyphens correctly