| <!DOCTYPE html> |
| <meta charset="UTF-8"> |
| <title>Bidi reordering of ruby</title> |
| <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> |
| <link rel="author" title="Mozilla" href="https://www.mozilla.org"> |
| <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#bidi"> |
| <link rel="match" href="ruby-bidi-002-ref.html"> |
| <link rel="stylesheet" href="support/ruby-common.css"> |
| <style> rb { margin: 0 5px; } </style> |
| <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> |