Blitz - WPT: ruby-whitespace-001.html

wpt / css / css-ruby / ruby-whitespace-001.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Sam Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#white-space">
<link rel="match" href="ruby-whitespace-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 5em; }
</style>

<p>
  <ruby>
    <rbc>       <rb>   </rb>    <rb>Base three</rb>   </rbc>
    <rtc>    <rt>   </rt>   <rt>Text three</rt>   </rtc>    <rtc><rt></rt></rtc>
    <rbc><rb>Segment two</rb></rbc><rtc><rt></rt></rtc>
  </ruby>
</p>

<p>
  <ruby>
    <rb>Base one</rb>  <rb>Base three</rb>
    <rt>Text one</rt>  <rt>Text three</rt>
  </ruby>
</p>

<p>
  <rb>Segment one</rb>  <rbc>   <rb>  </rb>    <rb>Base three</rb>  </rbc
    >   <rtc><rt>  </rt>     <rt>Text three</rt></rtc>

  <rb>Base one</rb>   <rb>Base three</rb>   <rt>Text one</rt><rt>Text two/three</rt>
</p>

/css/css-ruby/ruby-whitespace-001-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Sam Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 5em; }
</style>

<p>
  <ruby><rbc><rb><span>   </span></rb><rb><span>    </span></rb><rb>Base three</rb></rbc
    ><rtc><rt><span>   </span></rt><rt><span>   </span></rt><rt>Text three</rt></rtc
    ><rtc><rt></rt></rtc
    ><rbc><rb><span>        </span></rb></rbc
    ><rbc><rb>Segment two</rb></rbc
    ><rtc><rt></rt></rtc></ruby>
</p>

<p>
  <ruby><rbc><rb>Base one</rb><rb><span>  </span></rb><rb>Base three</rb></rbc
    ><rtc pseudo><rt>Text one</rt><rt pseudo><span>  </span></rt><rt>Text three</rt></rtc></ruby>
</p>

<p>
  <ruby><rbc><rb>Segment one</rb></rbc
    ><rbc><rb><span>  </span></rb></rbc
    ><rbc><rb><span>  </span></rb><rb><span>    </span></rb><rb>Base three</rb></rbc
    ><rtc><rt><span>  </span></rt><rt><span>     </span></rt><rt>Text three</rt></rtc
    ><rbc><rb><span>  </span></rb></rbc
    ><rbc><rb>Base one</rb><rb><span>   </span></rb><rb>Base three</rb></rbc
    ><rtc><rt>Text one</rt><rt></rt><rt>Text two/three</rt></rtc></ruby>
</p>