word-break-break-word-overflow-wrap-interactions.html (1042B)
1 <!DOCTYPE html> 2 <title>CSS Test: word-break: break-word and overflow-wrap interaction</title> 3 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1296042"> 4 <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-word-break"> 5 <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-overflow-wrap"> 6 <link rel="help" href="https://drafts.csswg.org/css-text/#valdef-overflow-wrap-anywhere"> 7 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 8 <link rel="match" href="word-break-break-word-overflow-wrap-interactions-ref.html"> 9 <style> 10 div { 11 float: left; 12 width: 100px; 13 height: 100px; 14 border: 1px solid black; 15 margin: 10px; 16 } 17 </style> 18 <p>The boxes below should look the same.</p> 19 <div style="word-break: break-word; overflow-wrap: anywhere;">FillerFillerFillerFiller</div> 20 <div style="word-break: break-word; overflow-wrap: break-word;">FillerFillerFillerFiller</div> 21 <div style="word-break: break-word; overflow-wrap: normal;">FillerFillerFillerFiller</div>