<p class="long-word-to-break">
  AReallyLongWordThatDoesn'tHaveSpacesSoTheBrowserCan'tFigureOutWhereItShouldWrap  
</p>
.long-word-to-break {
    width: 100px;
    overflow-wrap: break-word;  
    word-wrap: break-word; 
    word-break: break-word;
    
    /* Adds a hyphen where the word breaks */  
    hyphens: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.