Hypenation test

http://www.w3.org/TR/css3-gcpm/#hyphens

Modified Eric Meyer's hypen page: http://meyerweb.com/eric/css/tests/css3/hyphens.html

Styles

.arena p {text-align: justify;}

#p03 {hyphens: auto;}

#p04 {hyphens: manual;}

#p05 {hyphens: none;}

#p06 {text-align:left;
hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;}

Hyphen results across browsers
Paragraph characteristics FF IE Chrome Safari
p01 - no hints, no css, justified x x x x
p02 - hints, no css, justified x + + +
p03 - no hints, css - hyphens: auto, justified + x x x
p04 - hints, css - hypens: manual, justified + + + +

p05 - hints, css - hypens: none, justified

x +
(ignores css)
x +
p06 - no hints, hypens:auto (all browser prefixes), left. + + x +

Hyphenation hints (­ or &#00AD;) work with IE, Chrome, Safari and no css hyphens declaration.

Hyphenation hints (­ or &#00AD;) work with Firefox, IE, Chrome, Safari and css hyphens:manual declaration.

CSS hyphens: auto (with browser prefixes) work with Firefox, IE, and Safari.

It is most likely necessary to resize the viewport to properly evaluate this test.

[#p01] This is a paragraph with no embedded hyphenation hints and no hyphen-related CSS applied. Corporate gibberish follows. Think visionary. If you generate proactively, you may have to e-enable interactively. We apply the proverb "Grass doesn't grow on a racetrack" not only to our re-purposing but our power to matrix. If all of this comes off as dumbfounding to you, that's because it is! Our feature set is unparalleled in the industry, but our reality-based systems and simple use is usually considered a remarkable achievement. The power to brand robustly leads to the aptitude to embrace seamlessly. What do we streamline? Anything and everything, regardless of reconditeness!

[#p02] This is a paragraph with embedded hyphenation hints but no hyphen-related CSS applied. Corp­orate gibb­erish fol­lows. Think vision­ary. If you gener­ate pro­actively, you may have to e-enable inter­actively. We apply the pro­verb "Grass doesn't grow on a race­track" not only to our re-pur­posing but our pow­er to mat­rix. If all of this comes off as dumb­founding to you, that's be­cause it is! Our feat­ure set is un­paral­leled in the in­dus­try, but our reality-based sys­tems and sim­ple use is usu­ally con­sid­ered a re­mark­able achieve­ment. The power to brand ro­bustly leads to the apti­tude to em­brace seam­lessly. What do we stream­line? Any­thing and every­thing, re­gard­less of re­con­diteness!

[#p03] This is a paragraph with no embedded hyphenation hints but hyphen-related CSS applied. Corporate gibberish follows. Think visionary. If you generate proactively, you may have to e-enable interactively. We apply the proverb "Grass doesn't grow on a racetrack" not only to our re-purposing but our power to matrix. If all of this comes off as dumbfounding to you, that's because it is! Our feature set is unparalleled in the industry, but our reality-based systems and simple use is usually considered a remarkable achievement. The power to brand robustly leads to the aptitude to embrace seamlessly. What do we streamline? Anything and everything, regardless of reconditeness!

[#p04] This is a paragraph with embedded hyphenation hints and hyphen-related CSS applied. Corp­orate gibb­erish fol­lows. Think vision­ary. If you gener­ate pro­actively, you may have to e-enable inter­actively. We apply the pro­verb "Grass doesn't grow on a race­track" not only to our re-pur­posing but our pow­er to mat­rix. If all of this comes off as dumb­founding to you, that's be­cause it is! Our feat­ure set is un­paral­leled in the in­dus­try, but our reality-based sys­tems and sim­ple use is usu­ally con­sid­ered a re­mark­able achieve­ment. The power to brand ro­bustly leads to the apti­tude to em­brace seam­lessly. What do we stream­line? Any­thing and every­thing, re­gard­less of re­con­diteness!

[#p05] This is a paragraph with embedded hyphenation hints and hyphen-related CSS applied. Corp­orate gibb­erish fol­lows. Think vision­ary. If you gener­ate pro­actively, you may have to e-enable inter­actively. We apply the pro­verb "Grass doesn't grow on a race­track" not only to our re-pur­posing but our pow­er to mat­rix. If all of this comes off as dumb­founding to you, that's be­cause it is! Our feat­ure set is un­paral­leled in the in­dus­try, but our reality-based sys­tems and sim­ple use is usu­ally con­sid­ered a re­mark­able achieve­ment. The power to brand ro­bustly leads to the apti­tude to em­brace seam­lessly. What do we stream­line? Any­thing and every­thing, re­gard­less of re­con­diteness! (NOTE: in this case, the CSS requires hyphenation hints to be ignored.)

[#p06] This is a paragraph with no embedded hyphenation hints but hyphen-related CSS applied (-ms-hyphens, -moz-hyphens, -webkit-hyphens) and no justification. Corporate gibberish follows. Think visionary. If you generate proactively, you may have to e-enable interactively. We apply the proverb "Grass doesn't grow on a racetrack" not only to our re-purposing but our power to matrix. If all of this comes off as dumbfounding to you, that's because it is! Our feature set is unparalleled in the industry, but our reality-based systems and simple use is usually considered a remarkable achievement. The power to brand robustly leads to the aptitude to embrace seamlessly. What do we streamline? Anything and everything, regardless of reconditeness!

Corporate gibberish courtesy the Corporate Gibberish Generator on AndrewDavidson.com