| <!DOCTYPE html> |
| <title>CSS Test: word-break: break-word and overflow-wrap interaction</title> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1296042"> |
| <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-word-break"> |
| <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-overflow-wrap"> |
| <link rel="help" href="https://drafts.csswg.org/css-text/#valdef-overflow-wrap-anywhere"> |
| <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> |
| <link rel="match" href="word-break-break-word-overflow-wrap-interactions-ref.html"> |
| <style> |
| div { |
| float: left; |
| width: 100px; |
| height: 100px; |
| border: 1px solid black; |
| margin: 10px; |
| } |
| </style> |
| <p>The boxes below should look the same.</p> |
| <div style="word-break: break-word; overflow-wrap: anywhere;">FillerFillerFillerFiller</div> |
| <div style="word-break: break-word; overflow-wrap: break-word;">FillerFillerFillerFiller</div> |
| <div style="word-break: break-word; overflow-wrap: normal;">FillerFillerFillerFiller</div> |