blob: ab3de2cdfe4dc5e668188daed0e4ef9f3eabcea5 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, linebreaks: U+2002 EN SPACE</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
</style>
</head>
<body>
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script>
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
</script>
<div id='log'></div>
</body>
</html>