<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="common.css">
<style>
body { line-height: 5em; }
</style>
</head>
<body>

<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>

</body>
</html>