third_party/WebKit/LayoutTests/fast/ruby/ruby-beforeafter.html

   1 <!DOCTYPE html>
   2 <style>
   3     .b::before {
   4         content: '[before]';
   5         color: blue;
   6     }
   7     .a::after {
   8         content: '[after]';
   9     }
  10     span {
  11         color: blue;
  12     }
  13     rt {
  14         background: yellow;
  15     }
  16 </style>
  17 <p>Tests that CSS-generated :before or :after content just appear as
  18     if they were the first or last DOM child of the ruby element.</p>
  19 <p>The blue text should have annotations above them (yellow background).</p>
  20 </p>Foo <ruby class="b"><span>b</span><rt>long text</rt></ruby> Bar<br></p>
  21 </p>Foo <ruby class="a"><span>b</span><rt>long text</rt></ruby> Bar<br></p>
  22 </p>Foo <ruby class="b a"><span>b</span><rt>long text</rt></ruby> Bar<br></p>