<article lang="en">
  <h3>Intelligent Word Breaking</h3>
  <p>This a demo that will only work in Safari, FireFox some high number, and IE 10... finally Chrome This&shy;Is&shy;A&shy;Run&shy;On&shy;Word&shy;That&shy;Auto&shy;Hyphenates. It will only breakup in predefined spots.</p>
  <p>Resize the window! </p>
  <p>As chrome 39, this is now working :D</p>

</article>
article {
  max-width: 600px;
  margin: 0 auto;

  text-align: justify;
  background-color: #E05F0E;
  padding: 14px 20px;
  margin-top:20px;
}

article p {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

body {
  background-color: #67C8B5;
    color: white;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.