<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­Is­A­Run­On­Word­That­Auto­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 {
hyphens: manual;
hyphens: manual;
hyphens: manual;
hyphens: manual;
}
body {
background-color: #67C8B5;
color: white;
font-smoothing: antialiased;
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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.