ruby-float-handling-001.html (939B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>Test for float handling in ruby</title> 4 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 5 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#formatting-context"> 7 <link rel="match" href="ruby-float-handling-001-ref.html"> 8 <link rel="stylesheet" href="support/ruby-common.css"> 9 <style> 10 ruby div { 11 width: 10px; height: 10px; 12 background-color: grey; 13 margin: 2px; 14 } 15 .left { float: left; } 16 .right { float: right; } 17 </style> 18 <div><ruby><rb>HELLO WORLD</rb><rt><div class="left"></div>hello world</rt></ruby></div> 19 <div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="left"></div> world</rt></ruby></div> 20 <div><ruby><rb>HELLO WORLD</rb><rt><div class="right"></div>hello world</rt></ruby></div> 21 <div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="right"></div> world</rt></ruby></div>