「整形済みテキスト」のスクロール表示をやめて、折り返し表示にしたい(CSS)

WordPressのブロックで 整形済みテキストと詩 では、長い文章を入れると自動でスクロール表示されてしまいます。

整形済みテキスト

ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおおああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお

こんな感じで、文章が長いと横にスクロールされてしまいます。

折り返し表示にしたい。

CSSを使用して長い文章を折り返します。

外観 -> カスタマイズ -> 追加CSS
から以下のCSSを追加します。

.xxx-pre-wrap {
  white-space: pre-wrap;
  overflow: auto;
}

「整形済みテキスト」ブロックの高度な設定から、「追加 CSS クラス」に設定。

整形済みテキスト

ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおおああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお

スクロールされなくなりました。