ruby-float-handling-001-ref.html

Enable keyboard shortcuts

<!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="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><div class="left"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>

<div><ruby><rb><div class="left"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>

<div><ruby><rb><div class="right"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>

<div><ruby><rb><div class="right"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>