<!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 {
color: orange;
}
</style>
<body>
<p>Test break-all applied to span works as expected.</p>
<div>AAAA<span class="break-all">X<br>XXXXX</span></div>
<div>AAAAA<span class="break-all">X<br>XXXXX</span></div>
<div>AAAAAA<span class="break-all">X<br>XXXXX</span></div>
<div>A AA<span class="break-all">X<br>XXXXX</span></div>
<div>AA<br>AA<span class="break-all">XXX</span></div>
<div>AAA<br>AA<span class="break-all">XXX</span></div>
<div>AAAA<br>AA<span class="break-all">XXX</span></div>
<div>AAAAA<br>AA<span class="break-all">XXX</span></div>
<div>AAA<br>A<span class="break-all">XXXX</span></div>
<div>AAAA<br>A<span class="break-all">XXXX</span></div>
<div>AAAAA<br>A<span class="break-all">XXXX</span></div>
<div>国国国国<br>国、<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>