summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht')
-rw-r--r--testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht37
1 files changed, 37 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht b/testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht
new file mode 100644
index 0000000000..909b98602c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/float-contiguous-vrl-004.xht
@@ -0,0 +1,37 @@
+<!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 Writing Modes Test: contiguous right-floating boxes in a 'vertical-rl' block formating context</title>
+
+ <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
+ <link rel="match" href="inline-replaced-vrl-004-ref.xht" />
+
+ <meta content="ahem image" name="flags" />
+ <meta content="This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes, otherwise (if there is not enough available horizontal space) below the margin box of the earlier box." name="assert" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ height: 200px;
+ writing-mode: vertical-rl;
+ }
+
+ img
+ {
+ float: right;
+ }
+ ]]></style>
+ </head>
+
+ <body>
+
+ <p>Test passes if there is an unbroken drawing of a yin-yang (&#x262F;) symbol.</p>
+
+ <div><img src="support/test-br.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/test-tr.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/test-bl.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/test-tl.png" width="100" height="100" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file