[HTML/CSS] 日本語文の改行可能位置を指定する

<span style="word-break: keep-all;">
  タイトルなどの長い文章<wbr>タイトルなどの長い文章<wbr>タイトルなどの長い文章
</span>
  • 表示領域の横幅が狭い場合、必要に応じて<wbr>の位置で改行してくれる
  • spanを親タグ(p、div、h1など)で囲むことで様々なスタイルの文章に改行を入れられる

注:日本語の場合、<wbr>のみでは改行されない

https://developer.mozilla.org/ja/docs/Web/HTML/Element/wbr

または

タイトルなどの長い文章<span style="white-space: nowrap;">タイトルなどの長い文章</span>

https://developer.mozilla.org/ja/docs/Web/CSS/white-space