1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>CSS3 Text, linebreaks: U+2012 FIGURE DASH</title>
5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
6 <link href="https://drafts.csswg.org/css-text-3/#line-breaking" rel="help">
7 <script src="/resources/testharness.js"></script>
8 <script src="/resources/testharnessreport.js"></script>
9 <meta content="font dom" name="flags">
10 <meta content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters." name="assert">
11 <style type="text/css">
12 @font-face {
13 font-family: 'csstest_ascii';
14 src: url('support/csstest-ascii-webfont.woff') format('woff');
15 font-weight: normal;
16 font-style: normal;
17 }
18 #breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
19 </style>
20 </head>
21 <body>
22
23
24
25 <div class="test">
26 <div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
27 </div>
28
29
30 <!--Notes:
31
32 Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script>
33
34 -->
35 <script>
36 test(function() {
37 assert_true(document.getElementById('breakable').offsetHeight > 35);
38 }, " ");
39 </script>
40
41 <div id="log"></div>
42
43
44
45 </body></html>