css/css-ruby/ruby-bidi-002-ref.html

<!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="stylesheet" href="support/ruby-common.css">
<style> rb { margin: 0 5px; } </style>
<p>
  <ruby>
    <rb>base1</rb><rb>base2</rb>
    <rt>text1</rt><rt>text2</rt>
    <rb>base4</rb><rb>base3</rb>
    <rt>text4</rt><rt>text3</rt>
  </ruby>
  <ruby>
    <rb>base7</rb><rb>base8</rb>
    <rt>text7</rt><rt>text8</rt>
    <rb>base6</rb><rb>base5</rb>
    <rt>text6</rt><rt>text5</rt>
  </ruby>
</p>
<p style="text-align: right">
  <ruby>
    <rb>base5</rb><rb>base6</rb>
    <rt>text5</rt><rt>text6</rt>
    <rb>base8</rb><rb>base7</rb>
    <rt>text8</rt><rt>text7</rt>
  </ruby>
  <ruby>
    <rb>base3</rb><rb>base4</rb>
    <rt>text3</rt><rt>text4</rt>
    <rb>base2</rb><rb>base1</rb>
    <rt>text2</rt><rt>text1</rt>
  </ruby>
</p>