Blitz - WPT: rt-display-001.html

wpt / css / css-ruby / rt-display-001.html

<!DOCTYPE html>

  <meta charset="UTF-8">

  <title>CSS Ruby Test: element with 'display: ruby-text' (basic)</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
  <link rel="help" href="https://www.w3.org/TR/css-ruby-1/#ruby-display">
  <link rel="help" href="https://www.w3.org/TR/css-ruby-1/#base-annotation-pairing">
  <link rel="match" href="reference/rb-display-001-ref.html">


  <style>
  ruby
    {
      background-color: lightblue;
      font-size: 60px;
    }

  span.rt
    {
      display: ruby-text;
      font-size: 50%;
    }
  </style>

  <ruby><rb>bas</rb><rb>bas</rb><span class="rt">T</span><span class="rt">T</span></ruby>

/css/css-ruby/reference/rb-display-001-ref.html

<!DOCTYPE html>

  <meta charset="UTF-8">

  <title>CSS Reference File</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">

  <style>
  ruby
    {
      background-color: lightblue;
      font-size: 60px;
    }
  </style>

  <ruby>bas<rt>T</rt>bas<rt>T</rt></ruby>