word-break-break-all-inline-006-a-ref.html (625B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>word-break: break-all on inline element</title> 4 <link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'> 5 <style> 6 div { 7 border: solid 5px; 8 margin: 5px; 9 font-family: monospace; 10 width: 6.1ch; 11 padding: 1px; 12 } 13 .test { word-break: break-all; } 14 .blue { border-color: blue; } 15 .orange { border-color: orange; } 16 </style> 17 <p>Test passes if the black box is identical to either the blue or the orange one. 18 <div class="blue">aaaabb<br>bbbbbb<br>bbb<br>ccccc</div> 19 <div>aaaabb<br>bbbbbb<br>bbb<br>ccccc</div> 20 <div class="orange">aaaabb<br>bbbbbb<br>bb<br>bccccc</div>