word-break-break-all-inline-006.html (971B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>word-break: break-all on inline element</title> 4 <meta name="assert" content="word-break: break-all works when specified on inline element"> 5 <link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'> 6 <link rel='match' href='reference/word-break-break-all-inline-006-a-ref.html'> 7 <link rel='match' href='reference/word-break-break-all-inline-006-b-ref.html'> 8 <link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'> 9 <style> 10 div { 11 border: solid 5px; 12 margin: 5px; 13 font-family: monospace; 14 width: 6.1ch; 15 padding: 1px; 16 } 17 .test { word-break: break-all; } 18 .blue { border-color: blue; } 19 .orange { border-color: orange; } 20 </style> 21 <p>Test passes if the black box is identical to either the blue or the orange one. 22 <div class="blue">aaaabb<br>bbbbbb<br>bbb<br>ccccc</div> 23 <div>aaaa<span class="test">bbbbbbbbbbb</span>ccccc</div> 24 <div class="orange">aaaabb<br>bbbbbb<br>bb<br>bccccc</div>