HTML
CSS
JavaScript
<div class='container'>This is a long word that should demonstrate the overflow-wrap property: Supercalifragilisticexpialidocious. If the word is too long, it will wrap onto the next line instead of overflowing out of the container.</div>
.container { width: 200px; border: 1px solid #000; padding: 10px; overflow-wrap: break-word; }
// No JavaScript required for this demo
This is a long word that should demonstrate the overflow-wrap property: Supercalifragilisticexpialidocious. If the word is too long, it will wrap onto the next line instead of overflowing out of the container.