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>