<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Bug 1141931 - Bidi reordering of ruby</title> <link rel="stylesheet" href="common.css"> <style> rb { margin: 0 5px; } </style> </head> <body> <p> <ruby> <rb>base1</rb><rb>base2</rb> <rtc dir="rtl"> <rt>text1</rt><rt>text2</rt> </rtc> <rbc dir="rtl"> <rb>base3</rb><rb>base4</rb> </rbc> <rt>text3</rt><rt>text4</rt> </ruby> <ruby dir="rtl"> <rb>base5</rb><rb>base6</rb> <rt>text5</rt><rt>text6</rt> <rbc dir="ltr"> <rb>base7</rb><rb>base8</rb> </rbc> <rt>text7</rt><rt>text8</rt> </ruby> </p> <p dir="rtl"> <ruby> <rb>base1</rb><rb>base2</rb> <rtc dir="ltr"> <rt>text1</rt><rt>text2</rt> </rtc> <rbc dir="ltr"> <rb>base3</rb><rb>base4</rb> </rbc> <rt>text3</rt><rt>text4</rt> </ruby> <ruby dir="ltr"> <rb>base5</rb><rb>base6</rb> <rt>text5</rt><rt>text6</rt> <rbc dir="rtl"> <rb>base7</rb><rb>base8</rb> </rbc> <rt>text7</rt><rt>text8</rt> </ruby> </p> </body> </html>