ハイフンが付いた単語の改行設定について

Question

単語同士をハイフンで繋いで一つの意味にしている英文の改行について教えてください。

例えばこのような英文があったとします。

She has a four-year-old child.

枠幅が狭く、中途半端な部分までしか入らない場合
通常このように改行されます。

| She has a four-year-
old child. |

これをハイフンで繋げている部分を1単語とみなしたい場合
どのようなコードを記述すれば良いと思われますか？

このように自動改行したいということです。

| She has a

　four-year-old child. |

word-blakeにはハイフンの設定まではなく、考えあぐねております。

Answer 1

white-space プロパティで制御できます。

She has a <span style="white-space:nowrap">four-year-old</span> child.

Comments

[退会済みユーザー]

解決しました！
white-spaceという発想が出てこなかったので、助かりました。ありがとうございます。