line-break-loose-016b-ref.xht (3631B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Reftest Reference</title> 6 <!-- reftest for line-break-loose-016b.xht --> 7 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 8 <link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" /> 9 <meta http-equiv="content-language" content="en, ja" /> 10 <style type="text/css"> 11 @font-face 12 { 13 font-family: "mplus-1p-regular"; 14 src: url("/fonts/mplus-1p-regular.woff") format("woff"); 15 /* filesize: 803300 bytes (784.5 KBytes) */ 16 /* 17 mplus-1p-regular.ttf can be downloaded at/from [TBD later] 18 */ 19 } 20 p.control { 21 border: 1px solid gray; 22 color: blue; 23 font-family: "mplus-1p-regular"; 24 width: 10.2em; /* added extra .2em for some symbols wider than 1em */ 25 } 26 span.target { 27 background-color: aqua; 28 } 29 div.wrapper { 30 display: inline-block; 31 border: 1px solid; 32 margin: 5px; 33 padding: 5px; 34 } 35 </style> 36 </head> 37 <body lang="en"> 38 <p> 39 Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position. 40 </p> 41 <div class="wrapper"> 42 <!-- centered punctuation marks DOUBLE EXCLAMATION MARK --> 43 <p class="control" lang="ja"> 44 <span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span> 45 </p> 46 <p class="control" lang="ja"> 47 <span>サンプル文サンプル文<br /><span class="target">‼</span>サンプル文</span> 48 </p> 49 </div> 50 <div class="wrapper"> 51 <!-- centered punctuation marks DOUBLE QUESTION MARK --> 52 <p class="control" lang="ja"> 53 <span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span> 54 </p> 55 <p class="control" lang="ja"> 56 <span>サンプル文サンプル文<br /><span class="target">⁇</span>サンプル文</span> 57 </p> 58 </div> 59 <div class="wrapper"> 60 <!-- centered punctuation marks QUESTION EXCLAMATION MARK --> 61 <p class="control" lang="ja"> 62 <span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span> 63 </p> 64 <p class="control" lang="ja"> 65 <span>サンプル文サンプル文<br /><span class="target">⁈</span>サンプル文</span> 66 </p> 67 </div> 68 <div class="wrapper"> 69 <!-- centered punctuation marks EXCLAMATION QUESTION MARK --> 70 <p class="control" lang="ja"> 71 <span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span> 72 </p> 73 <p class="control" lang="ja"> 74 <span>サンプル文サンプル文<br /><span class="target">⁉</span>サンプル文</span> 75 </p> 76 </div> 77 <div class="wrapper"> 78 <!-- centered punctuation marks FULLWIDTH EXCLAMATION MARK --> 79 <p class="control" lang="ja"> 80 <span>サンプル文サンプル文<br /><span class="target">！</span>サンプル文</span> 81 </p> 82 <p class="control" lang="ja"> 83 <span>サンプル文サンプル文<br /><span class="target">！</span>サンプル文</span> 84 </p> 85 </div> 86 <div class="wrapper"> 87 <!-- centered punctuation marks FULLWIDTH QUESTION MARK --> 88 <p class="control" lang="ja"> 89 <span>サンプル文サンプル文<br /><span class="target">？</span>サンプル文</span> 90 </p> 91 <p class="control" lang="ja"> 92 <span>サンプル文サンプル文<br /><span class="target">？</span>サンプル文</span> 93 </p> 94 </div> 95 </body> 96 </html>