【CSS】white-space: break-spaces;は効かない時の対策

問題：
フォームの確認画面で、前画面で入力した内容がすべて数値の場合、「white-space: break-spaces;」が期待通りに動作せず、折り返しが行われない。

原因：
white-space: break-spaces; は、スペースや改行を保持しつつ折り返しを行うプロパティですが、単一で連続する数値を1つの「単語」として扱うため、折り返しが発生しません。

解決策：
以下のCSSプロパティを追加することで対応できます：

1. word-break: break-word;
   単語の途中でも折り返しを可能にします。
2. overflow-wrap: anywhere;
   文字列全体のどこでも折り返しを許可します（より柔軟に対応）。

これらを組み合わせることで、数値が長い場合でも適切に折り返されるようになります。

white-space: break-spaces;
word-break: break-word;
overflow-wrap: anywhere;

結果：
これで、すべてのテキストが枠内に収まりました。