Blitz - WPT: nowrap.html

wpt / css / css-ruby / break-within-bases / nowrap.html

/css/css-ruby/break-within-bases/nowrap.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Don't break rubies with nowrap</title>
<link rel="help" href="https://drafts.csswg.org/css-ruby/#break-within">
<link rel="match" href="nowrap-ref.html">
<style>
.tw-nowrap {
  text-wrap: nowrap;
}
.ws-nowrap {
  white-space: nowrap;
}

span {
  white-space: nowrap;
}

p {
  inline-size: 6em;
}
</style>

<p class="tw-nowrap"><ruby>垂直二等辺三角形<rt>すいちょくにとうへんさんかくけい</ruby></p>
<p class="ws-nowrap"><ruby>垂直二等辺三角形<rt>すいちょくにとうへんさんかくけい</ruby></p>
<p><ruby><span>垂直</span><span>二等辺</span><span>三角形</span><rt><span>すいちょく</span><span>にとうへん</span><span>さんかくけい</span></ruby></p>

/css/css-ruby/break-within-bases/nowrap-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>
p {
  inline-size: 10em;
}
</style>

<p><ruby>垂直二等辺三角形<rt>すいちょくにとうへんさんかくけい</ruby></p>
<p><ruby>垂直二等辺三角形<rt>すいちょくにとうへんさんかくけい</ruby></p>
<p><ruby>垂直二等辺<rt>すいちょくにとうへん</ruby><br>
<ruby>三角形<rt>さんかくけい</ruby></p>