1 files changed, 97 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/box-offsets-rel-pos-vrl-004-ref.xht b/testing/web-platform/tests/css/css-writing-modes/box-offsets-rel-pos-vrl-004-ref.xht
new file mode 100644
index 0000000000..cdf6912a6d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/box-offsets-rel-pos-vrl-004-ref.xht
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+  <meta content="image" name="flags" />
+
+  <style type="text/css"><![CDATA[
+  div
+    {
+      text-align: right;
+    }
+
+  div > img
+    {
+      margin-left: 1em;
+      margin-right: 8px;
+    }
+
+  table
+    {
+      background-color: yellow;
+      border-spacing: 0px;
+      border: orange solid 50px;
+      display: inline-table;
+      height: 300px;
+      vertical-align: top;
+      width: 300px;
+    }
+
+  td
+    {
+      padding: 0px;
+    }
+
+  td.first-row
+    {
+      height: 29px;
+      vertical-align: top;
+    }
+
+  td#middle-row
+  {
+  text-align: center;
+  }
+
+  td.third-row
+    {
+      height: 25px;
+    }
+
+  span.blue
+    {
+      background-color: blue;
+      color: white;
+      height: 25px;
+      text-align: left;
+      width: 25px;
+    }
+
+  span#top-left, span#bottom-left
+    {
+      float: left;
+    }
+
+  span#top-right, span#bottom-right
+    {
+      float: right;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+    <table>
+      <tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
+      <tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled" /></td></tr>
+      <tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
+  </table><img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled" />
+
+  <!--
+  The image says:
+  "
+  Test passes if there is a blue square
+  at each corner of the yellow square.
+  "
+  -->
+  </div>
+
+ </body>
+</html>
+\ No newline at end of file