summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht')
-rw-r--r--testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht60
1 files changed, 60 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht b/testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht
new file mode 100644
index 0000000000..b4697babbc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/line-break/reference/line-break-normal-015b-ref.xht
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <!-- reftest for line-break-normal-015.xht -->
+ <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />
+ <link rel="author" title="Shinyu Murakami" href="mailto:murakami@vivliostyle.org" />
+ <meta http-equiv="content-language" content="en, ja" />
+ <style type="text/css">
+ @font-face
+ {
+ font-family: "mplus-1p-regular";
+ src: url("/fonts/mplus-1p-regular.woff") format("woff");
+ /* filesize: 803300 bytes (784.5 KBytes) */
+ /*
+ mplus-1p-regular.ttf can be downloaded at/from [TBD later]
+ */
+ }
+ p.control {
+ border: 1px solid gray;
+ color: blue;
+ font-family: "mplus-1p-regular";
+ width: 10.2em; /* added extra .2em for some symbols wider than 1em */
+ }
+ span.target {
+ background-color: aqua;
+ }
+ div.wrapper {
+ display: inline-block;
+ border: 1px solid;
+ margin: 10px;
+ padding: 10px;
+ }
+ </style>
+ </head>
+ <body lang="en">
+ <p>
+ Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
+ </p>
+ <div class="wrapper">
+ <!-- inseparable characters TWO DOT LEADER -->
+ <p class="control" lang="ja">
+ <span>サンプルサンプ<br />ル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
+ </p>
+ <p class="control" lang="ja">
+ <span>サンプルサンプ<br />ル。<span class="target">&#x2025;&#x2025;</span>サンプル文</span>
+ </p>
+ </div>
+ <div class="wrapper">
+ <!-- inseparable characters HORIZONTAL ELLIPSIS -->
+ <p class="control" lang="ja">
+ <span>サンプルサンプ<br />ル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
+ </p>
+ <p class="control" lang="ja">
+ <span>サンプルサンプ<br />ル。<span class="target">&#x2026;&#x2026;</span>サンプル文</span>
+ </p>
+ </div>
+ </body>
+</html>