| <!DOCTYPE html> |
| <meta charset="UTF-8"> |
| <title>Test for float handling in 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/#formatting-context"> |
| <link rel="match" href="ruby-float-handling-001-ref.html"> |
| <link rel="stylesheet" href="support/ruby-common.css"> |
| <style> |
| ruby div { |
| width: 10px; height: 10px; |
| background-color: grey; |
| margin: 2px; |
| } |
| .left { float: left; } |
| .right { float: right; } |
| </style> |
| <div><ruby><rb>HELLO WORLD</rb><rt><div class="left"></div>hello world</rt></ruby></div> |
| <div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="left"></div> world</rt></ruby></div> |
| <div><ruby><rb>HELLO WORLD</rb><rt><div class="right"></div>hello world</rt></ruby></div> |
| <div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="right"></div> world</rt></ruby></div> |