bidi-2-ref.html 940 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Bug 1141931 - Bidi reordering of ruby</title>
  6. <link rel="stylesheet" href="common.css">
  7. <style> rb { margin: 0 5px; } </style>
  8. </head>
  9. <body>
  10. <p>
  11. <ruby>
  12. <rb>base1</rb><rb>base2</rb>
  13. <rt>text1</rt><rt>text2</rt>
  14. <rb>base4</rb><rb>base3</rb>
  15. <rt>text4</rt><rt>text3</rt>
  16. </ruby>
  17. <ruby>
  18. <rb>base7</rb><rb>base8</rb>
  19. <rt>text7</rt><rt>text8</rt>
  20. <rb>base6</rb><rb>base5</rb>
  21. <rt>text6</rt><rt>text5</rt>
  22. </ruby>
  23. </p>
  24. <p style="text-align: right">
  25. <ruby>
  26. <rb>base5</rb><rb>base6</rb>
  27. <rt>text5</rt><rt>text6</rt>
  28. <rb>base8</rb><rb>base7</rb>
  29. <rt>text8</rt><rt>text7</rt>
  30. </ruby>
  31. <ruby>
  32. <rb>base3</rb><rb>base4</rb>
  33. <rt>text3</rt><rt>text4</rt>
  34. <rb>base2</rb><rb>base1</rb>
  35. <rt>text2</rt><rt>text1</rt>
  36. </ruby>
  37. </p>
  38. </body>
  39. </html>