<!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>