ruby-float-handling-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-ruby/ruby-float-handling-001.html - WPT Dashboard Interop Dashboard

<!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>