| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Don't break rubies in a container with `text-wrap` value other than `wrap`</title> |
| <!-- |
| Google Chrome doesn't break lines inside <ruby>s in a container with |
| text-wrap:balance or text-wrap:pretty. It's too complicated to suport |
| breakable rubies. |
| --> |
| <link rel="help" href="https://drafts.csswg.org/css-ruby/#break-within"> |
| <link rel="match" href="text-wrap-ref.html"> |
| <style> |
| .nowrap { |
| text-wrap: nowrap; |
| } |
| .balance { |
| text-wrap: balance; |
| } |
| .pretty { |
| text-wrap: pretty; |
| } |
| |
| p { |
| inline-size: 5em; |
| } |
| </style> |
| |
| <p class="nowrap"><ruby>二等辺三角形<rt>にとうへんさんかくけい</ruby></p> |
| <p class="balance"><ruby>二等辺三角形<rt>にとうへんさんかくけい</ruby></p> |
| <p class="pretty"><ruby>二等辺三角形<rt>にとうへんさんかくけい</ruby></p> |
