white-space word-break overflow-wrap(word-wrap) を利用すると、スペース/タブ/改行を制御できます。多少ややこしく、デザインが崩れやすい原因の1つです。CODEPENの例とともに動作確認していきます。

わくわくBank（2018-07-15）

https://www.wakuwakubank.com/posts/285-html-css-word/

• 空白文字の制御（white-space）：要素内の空白文字（スペース、タブ、改行）を制御。連続する空白の処理、改行、折り返しについてnormal、nowrap、pre、pre-wrap、pre-lineがある。
• 折り返しの制御：
  • word-break: break-all：ボックスからはみ出る位置で折り返す。英単語の途中でも折り返す。
  • overflow-wrap: break-word：英単語の途中で折り返さない。ただし、他に改行できるポイントが無い場合には、単語途中でも改行する。