1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>CSS3 Text, linebreaks: 30FB KATAKANA MIDDLE DOT (loose,ja)</title>
5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
6 <link href="https://drafts.csswg.org/css-text-3/#line-break" rel="help">
7 <link href="reference/css3-text-line-break-jazh-138-ref.htm" rel="match">
8 <meta content="font" name="flags">
9 <meta content="The browser will allow 30FB KATAKANA MIDDLE DOT at the beginning of a line." name="assert">
10 <style type="text/css">
11 @font-face {
12 font-family: 'mplus-1p-regular';
13 src: url('support/mplus-1p-regular.woff') format('woff');
14 /* filesize: 803K */
15 }
16 .test, .ref { font-size: 30px; font-family: mplus-1p-regular, sans-serif; width: 93px; padding: 0; border: 1px solid orange; line-height: 1em; }
17 .name { font-size: 10px; }
18 .test { line-break: loose; }
19 </style>
20 </head>
21 <body>
22 <p class="instructions">Test passes if the two orange boxes are identical.</p>
23
24
25 <div lang="ja" class="test">カカカ・ナ</div>
26
27
28
29
30
31 <div lang="ja" class="ref">カカカ<br>・ナ</div>
32
33
34 <!--Notes:
35 <p class='notes'>For more information about expected line break behavior and line break classes, see <a href='http://www.unicode.org/reports/tr14/'>Unicode Standard Annex #14 Line Breaking Properties</a>.
36
37
38 -->
39
40
41
42
43 </body></html>