Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/sizing-orthog-vrl-in-htb-020-expected.xht |
diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/sizing-orthog-vrl-in-htb-020-expected.xht b/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/sizing-orthog-vrl-in-htb-020-expected.xht |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3119e85b4cf9d6a2dfffa519db54c5495937e4e7 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/sizing-orthog-vrl-in-htb-020-expected.xht |
@@ -0,0 +1,73 @@ |
+<!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 name="DC.date.created" content="2016-12-20T09:54:03+11:00" scheme="W3CDTF" /> |
+ <meta name="DC.date.modified" content="2017-01-03T09:54:03+11:00" scheme="W3CDTF" /> |
+ |
+ <meta content="" name="flags" /> |
+ |
+ <style type="text/css"><![CDATA[ |
+ html |
+ { |
+ writing-mode: vertical-rl; |
+ } |
+ |
+ body |
+ { |
+ font-size: 16px; |
+ line-height: 1.25; /* therefore, each line box is 20px tall */ |
+ } |
+ |
+ p |
+ { |
+ left: 8px; |
+ position: absolute; |
+ writing-mode: horizontal-tb; |
+ } |
+ |
+ p#sentence-before |
+ { |
+ margin-top: 8px; |
+ } |
+ |
+ div |
+ { |
+ border: blue solid 3px; |
+ height: auto; |
+ left: 8px; |
+ position: absolute; |
+ top: 52px; |
+ } |
+ |
+ p#sentence-after |
+ { |
+ padding-bottom: 1em; |
+ top: calc(52px + 3px + 50ch + 3px); |
+ /* |
+ 50ch means 50 ch unit where each ch is equal to |
+ the used advance measure of the "0" (ZERO, U+0030) glyph found |
+ in the font used to render it. |
+ 5.1.1. Font-relative lengths: the em, ex, ch, rem units |
+ https://www.w3.org/TR/css3-values/#ch |
+ */ |
+ } |
+ ]]></style> |
+ </head> |
+ |
+ <body> |
+ |
+ <p id="sentence-before">Sentence before.</p> |
+ |
+ <div>01020304050607080910111213141516171819202122232425</div> |
+ |
+ <p id="sentence-after">Sentence after.</p> |
+ |
+ </body> |
+</html> |