Index: LayoutTests/fast/ruby/ruby-beforeafter.html |
diff --git a/LayoutTests/fast/ruby/ruby-beforeafter.html b/LayoutTests/fast/ruby/ruby-beforeafter.html |
index 67557099fcf2e7b2eed9dfce8425e8a20bf21236..5b7f6d21c440b5885748b0bc82cafe6b3188b3e2 100644 |
--- a/LayoutTests/fast/ruby/ruby-beforeafter.html |
+++ b/LayoutTests/fast/ruby/ruby-beforeafter.html |
@@ -1,20 +1,22 @@ |
-<html> |
-<head> |
- <style type="text/css"> |
- <!-- |
- .b:before { |
- content: '[before]'; |
- } |
- .a:after { |
- content: '[after]'; |
- } |
- --> |
- </style> |
-</head> |
-<body> |
-<p>Tests that CSS-generated :before or :after content doesn't intrude into ruby bases.</p> |
-</p>Foo <ruby class="b">b<rt>long text</rt></ruby> Bar<br></p> |
-</p>Foo <ruby class="a">b<rt>long text</rt></ruby> Bar<br></p> |
-</p>Foo <ruby class="b a">b<rt>long text</rt></ruby> Bar<br></p> |
-</body> |
-</html> |
+<!DOCTYPE html> |
+<style> |
+ .b::before { |
+ content: '[before]'; |
+ color: blue; |
+ } |
+ .a::after { |
+ content: '[after]'; |
+ } |
+ span { |
+ color: blue; |
+ } |
+ rt { |
+ background: yellow; |
+ } |
+</style> |
+<p>Tests that CSS-generated :before or :after content just appear as |
+ if they were the first or last DOM child of the ruby element.</p> |
+<p>The blue text should have annotations above them (yellow background).</p> |
+</p>Foo <ruby class="b"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |
+</p>Foo <ruby class="a"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |
+</p>Foo <ruby class="b a"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |