Index: LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-new-002-expected.xht |
diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-new-002-expected.xht b/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-new-002-expected.xht |
index 8a5727d838709d9ea5b64ce6ece877fb5f46704e..75ff080ad3bb6c74651e62ef039a9fbcc67475ba 100644 |
--- a/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-new-002-expected.xht |
+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-new-002-expected.xht |
@@ -12,21 +12,37 @@ |
div#rl-mixed |
{ |
color: orange; |
- font: 3.75em Ahem; /* computes to 60px */ |
+ font: 3.75em/1em Ahem; /* computes to 60px */ |
height: 4em; |
-webkit-writing-mode: vertical-rl; |
-webkit-text-orientation: mixed; |
} |
- span#blue120 |
+ div#inline-block |
{ |
display: inline-block; |
padding-left: 1em; /* computes to 120px */ |
padding-right: 1em; /* computes to 120px */ |
- color: blue; |
+ color: fuchsia; |
font-size: 2em; /* computes to 120px */ |
} |
+ span.block-descendant |
+ { |
+ display: block; |
+ line-height: 1; |
+ } |
+ |
+ span.block-descendant.first-line-box |
+ { |
+ color: yellow; |
+ } |
+ |
+ span.block-descendant.last-line-box |
+ { |
+ color: blue; |
+ } |
+ |
span#orange30 |
{ |
display: inline-block; |
@@ -42,7 +58,10 @@ |
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p> |
- <div id="rl-mixed">A<span id="blue120">B</span><span id="orange30">O</span></div> |
+ <div id="rl-mixed">A<div id="inline-block"> |
+ <span class="block-descendant first-line-box">I</span> |
+ <span class="block-descendant last-line-box">B</span> |
+ </div><span id="orange30">O</span></div> |
</body> |
</html> |