Blitz - WPT: word-break-break-all-inline-002.html

wpt / css / css-text / word-break / word-break-break-all-inline-002.html

/css/css-text/word-break/word-break-break-all-inline-002.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-002-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa <span class="test">bbbbbb</span></div>
<div class="testdiv">aaa bb<br>bbbb</div>

/css/css-text/word-break/reference/word-break-break-all-inline-002-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa bb<br>bbbb</div>
<div class="testdiv">aaa bb<br>bbbb</div>