ruby-base-different-size.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-ruby/ruby-base-different-size.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html lang="ja">

<meta charset="UTF-8">

<title>CSS Ruby Test: sizing and positioning of ruby containers when size of ruby bases and the base container differ</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/#ruby-layout">

<link rel="match" href="ruby-base-different-size-ref.html">

<link rel="stylesheet" href="/fonts/ahem.css">

<style>

body {

  font: 16px/1 Ahem;

  padding: 32px 0;

p {

  margin: 0;

  border: 5px solid blue;

ruby {

  ruby-align: center;

.a {

  font-size: 32px;

</style>

<p><ruby><rb class="a">X<rb>X<rt>x<rt>x</ruby></p>