| <!DOCTYPE html> |
| <meta charset="utf-8"/> |
| <style> |
| @font-face { |
| font-family:cssot; |
| src:url(../../../third_party/adobe-fonts/CSSFWOrientationTest.otf); |
| } |
| div { |
| font-family: Ahem, cssot; |
| width: 5em; |
| font-size: 20px; |
| border: 5px blue solid; |
| display: inline-block; |
| margin-bottom: .2em; |
| margin-right: 3em; |
| } |
| .break-all { |
| word-break: break-all; |
| color: orange; |
| } |
| </style> |
| <body> |
| <p>Test break-all applied to span works as expected.</p> |
| <div>AAAA<span class="break-all">XXXXXX</span></div> |
| <div>AAAAA<span class="break-all">XXXXXX</span></div> |
| <div>AAAAAA<span class="break-all">XXXXXX</span></div> |
| <div>A AA<span class="break-all">XXXXXX</span></div> |
| <div>AA AA<span class="break-all">XXX</span></div> |
| <div>AAA AA<span class="break-all">XXX</span></div> |
| <div>AAAA AA<span class="break-all">XXX</span></div> |
| <div>AAAAA AA<span class="break-all">XXX</span></div> |
| <div>AAA A<span class="break-all">XXXX</span></div> |
| <div>AAAA A<span class="break-all">XXXX</span></div> |
| <div>AAAAA A<span class="break-all">XXXX</span></div> |
| <div>国国国国国、<span class="break-all">XXX</span></div> |
| </body> |
| <script> |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| window.onload = function () { |
| document.fonts.ready.then(function () { testRunner.notifyDone(); }); |
| }; |
| } |
| </script> |