| <!DOCTYPE html> |
| <style> |
| 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><span>[before]b</span><rt>long text</rt></ruby> Bar<br></p> |
| </p>Foo <ruby><span>b</span><rt>long text</rt>[after]</ruby> Bar<br></p> |
| </p>Foo <ruby><span>[before]b</span><rt>long text</rt>[after]</ruby> Bar<br></p> |