25 lines
757 B
HTML
25 lines
757 B
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>
|